2021-03-09

CSS中常用的属性设置
1.关于字体的css属性设置
color—设置字体的颜色【颜色单词/颜色码【#0000ff】】
font-family—设置字体名称【黑体…】
font-size—设置字体大小【数字px】
font-style—设置字体倾斜【normal | italic | oblique】
font-weight—设置字体粗细【整百的数字【100~900】】
text-decoration—设置字体的修饰线【none || underline下划线 || overline上划线 || line-through删除线 】
text-shadow—文本的文字是否有阴影及模糊效果【水平拉伸距离，垂直拉伸距离，清晰度 ，阴影颜色】
text-transform—文本的大小写转换【none | capitalize[首字母大写] | uppercase[全部字母大写] | lowercase[全部字母小写] 】
line-height—行高【数字px】
letter-spacing—字符之间的间隔 【normal | length 【数字px】】
word-spacing—单词之间的间隔【normal | length 【数字px】】
2.关于文本属性设置
text-indent：文本的缩进【length【数字px】】
vertic-align：垂直对齐方式【top上 middle中 bottom下】
text-align：水平对齐方式【left左 | right右 | center中】
3.关于背景的设置
整个网页的背景设置
1.整个网页的背景颜色【在body元素中设置bgcolor】
2.整个网页的背景图片【在body元素中设置background】
Html元素的背景设置
1.Html元素的背景颜色【background-color】
2. Html元素的背景图片【background-image:url(“imgs/banner1.png”);】
4.关于html元素的尺寸设置
width：设置元素的宽度【auto | length】
height:设置元素的高度【auto | length】
5.关于边框的设置
border-color : 设置边框颜色
border-style ：设置边框样式【none无 | solid实线 | dotted点状虚线 | dashed线状虚线 | double双实线 】
border-width：设置边框粗细
上面这三个属性可以分为4组
border-top-color，border-right-color，border-bottom-color，border-left-color
border-top-style，border-right-style，border-bottom-style，border-left-style
border-top-width，border-right-width，border-bottom-width，border-left-width
我们可以通过border属性设置4边的边框
border:粗细 样式 颜色。
6.关于列表的设置
列表-1.有序列表<ol><li></li></ol>
         2.无序列表<ul><li></li></ul>
         3.自定义列表<dl><dt><dd></dd></dt></dl>
列表的设置就是改变一下列表前面的标识。
list-style-image：设置标识图标【none | url（url）】
7.关于表格的设置
border-collapse :设置表格单元格之间的边框合并【separate无变化 | collapse相邻边被合并】
border-spacing :表格边框独立时，行和单元格的边在横向和纵向上的间距。 【数字px】
empty-cells :当单元格中没有内容时,单元格的边框是否显示 【show显示 | hide隐藏】
8.关于补丁的设置
补丁—子元素和父元素之间的距离
如果设置的是父元素—内补丁【padding】
如果设置的是子元素—外补丁【margin】
padding:12px 15px 28px 35px
四个参数值，将按上－右－下－左的顺序作用于四边。
padding:12px
提供一个，将用于全部的四边
padding:12px 15px
两个，第一个用于上－下，第二个用于左－右
padding:12px 15px 28px
提供三个，第一个用于上，第二个用于左－右，第三个用于下
padding-top：上间距
padding-lift：左间距
padding-bottom：下间距
padding-right：右间距
设置内补丁和外补丁的区别：
margin为外边距不影响div的宽度
padding为内边距会影响div的宽度