CSS常用的样式属性有哪些？
1、Css背景样式属性：background（可以修改页面的背景颜色和页面上各个元素的背景颜色。）
background-color：指定背景颜色。值：RGB、十六进制颜色、颜色英文名称
background-image ：指定背景图片。值：url(图片地址)；
background-repeat：指定填充方式
值：
repeat-x：背景图像在横向上平铺
repeat-y：背景图像在纵向上平铺repeat:背景图像在横向和纵向平铺
no-repeat：背景图像不平铺
round：背景图像自动缩放直到适应且填充满整个容器。( CSS3)
space：背景图像以相同的间距平铺且填充满整个容器或某个方向。(CSS3)
background-attachment：指定对象随内容滚动还是固定
值:
fixed：背景图像相对于窗体固定。
Scroll （(默认值)：背景图像相对于元素固定，也就是说当元素内容滚动时背景图像不会跟着滚动，因为背景图像总是要跟着元素本身。但会随元素的祖先元素或窗体—起滚动。
local：背景图像相对于元素内容固定，也就是说当元素随元素滚动时背景图像也会跟着滚动，因为背景图像总是要跟着内容。(CSS3 )
background-position：背景图像位置
允许提供2个参数，如果提供全部2个参数，第1个用于横向，第二个用于纵向。如果只提供1个参数，则用于横向和纵向。
Background：混合用法
用法：{background：颜色 url(图片地址) 填充方式 对象随内容滚动还是固定 背景图像位置;}
<html>
<head>
<title>css常用属性</title>
<style type="text/css">
h1{background-image:url(pn_nost. png); background-repeat:no-repeat; height: 7O0px;padding-left:10@p;backround-position:10px.60px ; background-color:#ccc}
h2{background:#ccc ur1(pn_post.png) no-repeat fixed 10px 60px; height:70px; padding-left:100px ;}
</style>
</head>
<body>
<h1>测试一下</h1><br/>
<h2>测试一下</h2><br/>
</body>
</html>
2、Css边距样式属性：margin
margin：填充能让你在元素周围（边框外部）增加空间（外补白）。
值：margin：值（单位）
如果提供全部四个参数值，将按上、右、下、左的顺序作用于四边。
如果只提供一个，将用于全部的四边。
如果提供两个，第一个用于上、下，第二个用于左、右。
如果提供三个，第一个用于上，第二个用于左、右，第三个用于下。
也可用单独的padding属性：
margin-top填充上边、margin-bottom填充下边，margin-left填充左边，margin-right填充右边。
3、Css填充样式属性（padding）
Padding：填充能让你在元素周围（边框内部）增加空间（内补白）。
值：padding：值（单位）
如果提供全部四个参数值，将按上、右、下、左的顺序作用于四边。
如果只提供一个，将用于全部的四边。
如果提供两个，第一个用于上、下，第二个用于左、右。
如果提供三个，第一个用于上，第二个用于左、右，第三个用于下。
也可用单独的padding属性：
Padding-top填充上边、padding-bottom填充下边，padding-left填充左边，padding-right填充右边。
4、Css布局浮动样式属性（Float）：设置浮动方式
值：left（左浮动），right（右浮动），none（不浮动）
Clear：设置不允许有浮动的边
值：none：（允许两边都可以有浮动对象），both：（不允许有浮动对象）， left：(不允许左边有浮动对象)，right：(不允许右边有浮动对象)
5、Css文本和字体的样式属性
Color：
用法：控制文本的颜色
值：color
Direction
用法：设置文本的方向从左到右还是总右到左
值：ltr、rtl （默认ltr从左到右）
Font
用法：能让你在一个地方设置所有的属性
值：font-style 、font-variant、 font-weight、font-size 、line-height 、font-family
Font-family
用法：
family-name：字体名称。按优先顺序排列。以逗号隔开。如果字体名称包含空格或中文，则应使用引号括起
generic-family：字体序列名称。
Font-size
用法：设置字体大小
值：length、%（用长度和百分比设置长度不允许负值）
Font-weight
用法：设置字体的粗细
值：normal、bold、 bolder、 lighter 、100、200 ... 800、900
以上来自：Css常用样式属性
| 
发表于 2022-4-26 18:06:13
楼主