一、选择器{伪类选择器:选择器+:+link、active、focus{} /伪元素选择器:选择器(::)或:+first-letter首字母/first-line首行{}
二、css链接
①a:link {color:#FF0000;} /* 未被访问的链接 */ ②a:visited {color:#00FF00;} /* 已被访问的链接 */
③ a:hover {color:#FF00FF;} /* 鼠标指针移动到链接上 */ ④a:active {color:#0000FF;} /* 正在被点击的链接 */
在css定义中a:hover必须位于a:link和a:visited之后才有效,a:active必须位于a:hover之后才有效。
三、权重值:第一等:内联样式开始标签中style=""权值为1000 第二等:ID选择器权值为0100 第三等:类,伪类选择器权值为0010
第四等:元素,伪元素选择器权值为00001 通配符选择器、子元素选择器、相邻兄弟选择器权重值为0000
注:important本身没有权重值,但如果有他的存在,它会使得所有的权重值失效,从而让自己的权重值达到最高。 权重值可累加,但不进位。
四、css背景:①background简写属性,作用是将背景属性设置在一个声明中。②background-attachment 背景图像是否固定或者随着页面的其余部分滚动。
③background-color 设置元素的背景颜色。④background-image 把图像设置为背景。⑤background-position 设置背景图像的起始位置。
⑥background-repeat 设置背景图像是否及如何重复。⑦background-size
五、css文本:①color 设置文本颜色 ②direction 设置文本方向。③line-height 设置行高。④letter-spacing 设置字符间距。
⑤text-align 对齐元素中的文本。⑥text-decoration 向文本添加修饰。⑦text-indent 缩进元素中文本的首行。遮盖技术:1.看着是图片
其实是标题。2.回到首页(A标签)⑧text-shadow 设置文本阴影。⑨text-transform 控制元素中的字母。uppercase(大写字母)
lowercase(小写字母) ⑩ white-space 设置元素中空白的处理方式。11.word-spacing 设置字间距。只对英文单词有用。
六、css字体:①font 简写属性。作用是把所有针对字体的属性设置在一个声明中。②font-family 设置字体系列。 ③font-size 设置字体的尺寸。
④font-style 设置字体风格。⑤font-variant 以小型大写字体或者正常字体显示文本。⑥font-weight 设置字体的粗细。
七、CSS列表:①list-style 简写属性。用于把所有用于列表的属性设置于一个声明中。②list-style-image 将图象设置为列表项标志。
③list-style-position 设置列表中列表项标志的位置。 ④list-style-type 设置列表项标志的类型。
八、CSS表格:border-collapse把双边框变成单边框
九、CSS边框:①outline在一个声明中设置所有的轮廓属性。②outline-color设置轮廓的颜色。③outline-style设置轮廓的样式。
④outline-width设置轮廓的宽度。