font字体属性
font-size 字体大小
font-family 字体系列(宋体等)
font-weight 字体粗细 normal bold 100~900 400=normal 700=bold
font-style 字体风格 normal italic(倾斜)
font-variant 字体的变形 small-caps (小型大写字母)
font 简写(要求至少给出 字体大小/字体系列) 例如:font: 15px 微软雅黑;
font: [<字体加粗> | <字体风格> | <字体变形>] <字体大小>[/行高] <字体系列> 必须按顺序!!否则不会执行
background背景属性
background-color 背景颜色(三种方式,1.单词2.#fff000 3.rgb(255,255,255)4.rgba,a透明度(0-1)
background-image 背景图片 :url(‘./imgs...‘); css引入文件,都是相对于css自己本身
background-repeat: 重复方式 no-repeat(不重复) | repeat-x | repeat-y | repeat
background-position 背景位置 (left center right 水平方向/// top center bottom 垂直方向)
例子: background-position:7px(X) -45px<Y> 浏览器为第四项限
background-attachment 背景固定 (fixed 固定 scroll默认滚动)
background-size 背景图片的尺寸 (像素 / % / cover 扩大至覆盖全部)
长度单位:px,em(倍数);% 颜色单位:单词;进制;rgb;rgba(a是透明度,0是透明,1不透明)
background 简写 (无顺序,随便写)
文本属性
letter-spacing 字间距 px color:颜色
word-spacing 词间距 px (只对有空格的起作用)
text-indent 首行缩进 px
text-align 文字对齐 left right center
line-height 行高 px em % (每行的间距)以字的中间为基线,是基线与间的距离
text-decoration 文字修饰(underline 下划线 / overline 上划线 / line-through 删除线 / none 隐藏下划线)
text-shadow 文字阴影(:5px 5px 5px #f00; 水平阴影位置 垂直阴影位置 模糊距离 阴影的颜色)
white-space:nowrap 强制不换行
word-wrap:break-word;word-break:normal 自动换行
(用边框属性绘制三角形,边框本质是梯形)
边框属性
border-width 边框四边的宽度 px
border-style 边框的样式 solid (单线)double(双线) dashed(虚线)
border-color 边框颜色
单独设置某条边的边框 需要加入-top 等关键字
border 简写形式 border:width style color; 例子:border: 1px solid #666
box-shadow 边框阴影 水平位置x / 垂直位置y / 模糊距离10px/阴影大小10px / 阴影颜色
border-radius 边框圆角 px / %
border-collapse: collapse; 合并表格内外边距
列表属性
list-style-type 设置列表的格式为none.也就是没有格式.
list-style 列表样式类型 none(无样式) 去列表的点
disc(默认值 实心点) circle 圆圈 decimal 数字
lower-roman 小写罗马..等
list-style-position 列表样式位置 inside(在内) outside(在外) 比如说圆点或者方点
list-style-image 列表样式图片 :url(‘./....‘);