一、权重:
标签选择器:0001
class选择器:0010
id选择器:0100
伪类选择器:0010
包含选择器:权重之和
属性选择器:0010
伪元素选择器:0001
内联样式:1000
二、字体相关样式
font-style: italic;(是否斜体文本 )
font-weight: ;字体大粗细400为正常800为加粗
font-family:”微软雅黑“(字体)
可连写(例:font:600 italic 30px "微软雅黑")
三、文本相关样式
text-indent: 28px;(一格14px ,两格缩进28px)
text-indent: 2em; (自动缩进两格)
四、文本装饰
text-decoration: line-through;(文本装饰,去除a链接原本 line-through横划线,none去除下划线)
color: rgba(red, green, blue,1);( 设置颜色透明度 0-1直接,越靠近0越透明)
五、列表相关样式
list-style-type: circle;(none去除,circle空心圆)
六、背景图片
background-repeat: no-repeat;(no-repeat不重复)
background-attachment: fixed;(定死)
background-size: cover;(强行铺满)
七、隐藏元素
第一种(没了) display: none;
第二种(隐藏但还在)visibility: hidden;
八、元素的类型
元素:块元素,行内元素,行内块元素
块元素:默认独占一行,设置宽高,设置内外边距(div,h1~h6,p,li)
行内元素:无法直接设置宽高和内外间距(a,span)
行内块元素:可以直接设置宽高,不会独占一行(img,input)
(用display:block转换为块元素)
(可以用display:inline-block转换为行内块元素)
九、边框
border-radius: 50%;(边角弧度)
十、
border-collapse: collapse;(表格相连)
十一、文本域
textarea
cursor:alias;(cursor鼠标样式)
十二、定位
绝对定位,固定定位,粘性定位