首页 / CSS / SaberSama【css总结】

SaberSama【css总结】

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了SaberSama【css总结】，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1073字，纯文字阅读大概需要2分钟。

内容图文

为什么要转过来呢？

　　　　因为我觉到，同样是一个初学者，应该互相学习，交流。

 

css：Cascading Style Sheets 层叠样式表

CSS引入方式：

1.内嵌： <p style="color:red;">xx</p>，这种方式使用最少，因为不方便阅读

2.内联：写在<head>中，<style>

　　　　　　　　　　　　　　p{xxxxx}

　　　　　　　　　　　　</style> 所有p元素都会执行{}中的代码。

3.外联：在外部创建一个CSS，再通过link连接这个css.也写在<head>中。

选择器:

1.ID选择器：命名一个 id="xx" 然后用#xx来提取。一段HTML中只能命名一个ID

2. class选择器：命名一个 class="xx" 然后用.xx来提取。可以命名多个class.

3.元素选择器：p{} span{} 元素{}

4.属性选择器：inpunt[type="text"]{}

伪类：

以一个<a>标签为例子。

a:link{xx} 没有被访问时的样式

a:visited{xx}访问后的样式

a:hover{xx}鼠标移上去的样式

a:active{xx}点击时的样式

伪元素：

:first-line{xx} 文字中的第一行的样式

:first-letter{xx}文字中的第一个字的样式

:before{xx}插入到选中的位置的最前面

:after{xx}插入到选中的位置的最后面

通配符：*，指所以元素。

后代：

ul li:nth-child(7) 指选中Ul中顺数第七个

ul li:nth-last-child(7) 指选中Ul中倒数第七个

ul li:nth-child(odd)指ul中的奇数列

ul li:nth-child(even)指ul中的偶列

ul li:nth-child(xn+y) 指xn+y的数字，n从0开始计算。

子级：

.p span{xxx}    p下的所有span的样式

.p>span{xxx}  只改变子级。孙子级的不会被改变。

并集：

h1,h2,h3,h4,{xxxx} h1-h4的样式

div1.div2.div3{xxx} div1-div3的样式，多个样式的改变。

权重：important>style>id>class>元素>*

原文：http://www.cnblogs.com/byxiaohaimian/p/6509296.html

内容总结

以上是互联网集市为您收集整理的SaberSama【css总结】全部内容，希望文章能够帮你解决SaberSama【css总结】所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1240134.html

来源：【匿名】