CSS介绍、选择器_html/css_WEB-ITnose
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了CSS介绍、选择器_html/css_WEB-ITnose,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1525字,纯文字阅读大概需要3分钟。
内容图文
![CSS介绍、选择器_html/css_WEB-ITnose](/upload/InfoBanner/zyjiaocheng/406/9acafcf83d1b4430be780ce4e2d03d0c.jpg)
目前最新版本CSS3.0,能够做到表现与内容分离的一种计算机语言,在css中主要学习选择器和属性
在学习之前先看一下css的书写位置和需要注意的地方
书写位置
1、外联(外部)样式
2、嵌入(内页)样式
3、内部(行内)样式 style=""
书写格式
选择器{属性:属性值}
注意:在CSS中多个属性用分号隔开
注释方法为/*注释内容*/
选择器
基础选择器
*选择器 表示获取html文档中所有的标签,一般用在统配(全局)样式
html选择器(标签选择器) 标签名{}
类选择器 .类名{}
ID选择器 #ID值{}
关系选择器
E F(后代选择器) E元素下边的F元素
E>F (子集选择器) E元素的子集元素F
E+F (紧邻选择器) 紧邻E元素之后的兄弟元素F
E~F (兄弟元素选择器) 选择E元素的兄弟元素F
属性选择器
E[attr] 具有attr属性的元素E
E[attr="value"] 具有attr属性的并且其属性值等于value的元素E
E[arrr^="value"] 具有attr属性的并且其属性值以value开始的元素E
E[attr$="value"] 具有attr属性的并且其属性值以value结尾的元素E
E[attr*="value"] 具有attr属性的并且其属性中包含value的E元素
伪类选择器
:active 当元素在被激活的时候时的样式
:link a标签未被访问前的样式
:visited a标签已被访问过得样式
:hover 鼠标滑过的样式
伪对象选择器
E::before{content:"123";} 在E元素之前常与content属性配合使用
E::after{content:"abc";} 在E元素之后常与content属性配合使用
E::first-letter{color:red;} E元素内容的第一个字符
E::first-line{color:red;} E元素内容的第一行
内容总结
以上是互联网集市为您收集整理的CSS介绍、选择器_html/css_WEB-ITnose全部内容,希望文章能够帮你解决CSS介绍、选择器_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。