300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > css3选择器教程 CSS样式是专门用来进行什么的 – CSS – 前端 26种css图片修饰效果与演示代码

css3选择器教程 CSS样式是专门用来进行什么的 – CSS – 前端 26种css图片修饰效果与演示代码

时间:2021-08-18 19:06:10

相关推荐

css3选择器教程 CSS样式是专门用来进行什么的 – CSS – 前端 26种css图片修饰效果与演示代码

CSS样式主要包含以下三种类型:

1、行内样式(内嵌样式):结构的内部,即写在标签内的样式;写在标签的开始部分内部,style属性当中。

例:<标记></标记>

2、内部样式(内联样式):写在HTML页面内部,存放于head标记当中,样式写在style标记内。

例:<style>选择器 {属性名:属性值;属性名:属性值;……}</style>

3、外部样式(外联样式):写在css文件内。

@ css几种选择器的使用?

1.类选择器(class选择器)

基本使用:

.类选择器{

属性名: 属性值;

…}

2.id选择器

基本使用:

#id选择器{

属性名: 属性值;

}

3. html元素选择器

某个html元素{

属性名: 属性值;

}

4.通配符选择器

该选择器可以用到所有的html元素,但是其优先权最低

*{

属性名: 属性值;

}

@ html5的CSS3选择器中?

选择父级下第一个元素和最后一个元素如:

aaaabbbbcccccdddd.list li:first-child{color:#f00;} //只有aaa变红色.list li:last-child{font-weight:bold;} //只有dddd变粗体

@ css层次选择器有哪些?

选择器body > div只操作body下级的div。div1 + div2只选择div1 同级 随后 相邻最近 的div2div1 ~ p 选择div1下所有的p属性选择器

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。