Hello,今天继续学习的是常用到的css选择器的一些类型,包括里面用到的属性,又到了像是学英语单词的时候,还是那句话,虽然这些东西都可以在用的时候去查,但是作为一个合格的程序员,怎么能边写代码边查呢!
组合选择器
1 多元素选择器
描述:给多个元素加同一个样式,多个选择器之间用逗号“,”隔开
举例:h1,p,div,body{color:red}
2 后代元素选择器(最常用的)
描述:给某个标签的所有后代元素加样式
举例:div .title{color:red}
代码
3 子元素选择器
描述:给某个元素的子元素添加样式
举例:div>h1.title{color:red}
CSS尺寸属性
Width:元素宽度,一定要加px单位
Height:元素高度
CSS字体属性
Font-size:字体大小。如:font-size:14px
Font-family:字体。如font-family:微软雅黑
Font-style:斜体,取值:italic。如:font-style:tialic
Font-weight:粗体,取值:bold。如:font-weight:bold
CSS文本属性
Color:文本颜色
Text-decoration:文本修饰线,取值:none(无)、underline(下划线)、overline(上划线)、line-through(删除线)
Text-align:文本水平对齐方式,取值:left、center、right
Line-height:行高,可以用固定值,也可以用百分比。如:line-height:24px;line-height:150%
Text-indent:首行缩进。如:text-indent:28px
Letter-spacing:字间距。
我在学习的过程在想CSS这些属性和html一些标记不是起到的是相同的效果吗,为什么要有两种写法,写html简单的那种不就好了吗,办公室里的大佬给我解释了一下就是,有些情况下html并不能满座你的需求,就需要CSS来实现你的需求,所以就要用CSS的写法,而正常来说,两种是可以自由选择的。
今天又是需要记的一些东西,需要多加练习,还是那句话,熟能生巧,用多了就记住了,当然这也不是必须的,如果你的时间紧迫,还是了解一下意思,明白使用的区别就好了
举报/反馈