本节简介:本节课主要介绍css中其他的一些样式和更多的选择器,以及其他选择器的应用和注意事项。
本节课同学们做的笔记 点击播放按钮可自动定位到对应时间进行播放
正方形设置圆角:border-radius:正方形边长的一半,正圆。
通用选择器 写法head里 *{属性}所有标签都会带有这个属性
ID选择器<id=id名> head里写法#id名{属性} id里每个网页只能用一次
标签选择器 class选择器 后代选择器 伪类选择器 id选择器
列表前加图标 .类 li{backgrond:url(image/图片路径) ;no-repeat不重复 left 左对齐 center 居中对齐;padding-left左侧内间距:间距值;line-height:行高}
其他list-suyle-image 无序列表前图像-链接图像 list-suyle-typetype 无序列表前标志
id 选择器 对应的样式属性 # 在当前页面中, 只能使用一次,定义不允许重复
.list li{ background:url(images/QQ%E6%88%AA%E5%9B%BE20180802103746.jpg) no-repeat left center; padding-left:23px; line-height:40px; }设置列表图标案例
list-style-type 设置列表的属性 ;list-style-image可以设置列表前面的图标
要设方框为圆形,把圆角大小设置为正方形的半径大小即可
标签选择器,class选择器,后代选择器,伪类选择器(:hover),id 选择器
标签选择器:h1{} ; class选择器:.box{} ; 后代选择器:.box .out{} ;伪类选择器:a:hover{} .box:hover{} ; id选择器:#box{} ; 通用选择器:*{padding:0; margin:0}