摘要: 直接上代码,看效果! 第一种现象:当权重相同时,以后来设置的属性为准,前提一定要权重相同 我们会发现此时显示的是红色的。 第二种现象: 第一个选择器没有选中内层标签,那么它是通过继承来设置的属性,那么它的权重为0。第二个选择器选中了内层标签,有权重。 所以 继承来的元素 权重为0。跟选中的元素没有可 阅读全文
posted @ 2018-06-26 18:02 王竹笙 阅读(124) 评论(0) 推荐(0) 编辑
摘要: 继承性 面向对象语言都会存在继承的概念,在面向对象语言中,继承的特点:继承了父类的属性和方法。那么我们现在主要研究css,css就是在设置属性的。不会牵扯到方法的层面。 继承:给父级设置一些属性,子级继承了父级的该属性,这就是我们的css中的继承。 记住:有一些属性是可以继承下来 : color 、 阅读全文
posted @ 2018-06-26 18:00 王竹笙 阅读(114) 评论(0) 推荐(0) 编辑
摘要: 伪类选择器一般会用在超链接a标签中,使用a标签的伪类选择器,我们一定要遵循"爱恨准则" LoVe HAte 再介绍一种css3的选择器nth-child() 阅读全文
posted @ 2018-06-26 17:56 王竹笙 阅读(172) 评论(0) 推荐(0) 编辑
摘要: /*设置第一个首字母的样式*/ p:first-letter{ color: red; font-size: 30px; } /* 在....之前 添加内容 这个属性使用不是很频繁 了解 使用此伪元素选择器一定要结合content属性*/ p:before{ content:'alex'; } /* 阅读全文
posted @ 2018-06-26 17:56 王竹笙 阅读(91) 评论(0) 推荐(0) 编辑
摘要: 属性选择器,字面意思就是根据标签中的属性,选中当前的标签。 语法: 阅读全文
posted @ 2018-06-26 17:55 王竹笙 阅读(119) 评论(0) 推荐(0) 编辑
摘要: 级选择器分为:后代选择器、子代选择器、并集选择器、交集选择器 后代选择器 使用空格表示后代选择器。顾名思义,父元素的后代(包括儿子,孙子,重孙子) .container p{ color: red; } .container .item p{ color: yellow; <!DOCTYPE htm 阅读全文
posted @ 2018-06-26 17:28 王竹笙 阅读(141) 评论(0) 推荐(0) 编辑
摘要: css的选择器:1.基本选择器 2.高级选择器 基本选择器包含: 1、标签选择器标签选择器可以选中所有的标签元素,比如div,ul,li ,p等等,不管标签藏的多深,都能选中,选中的是所有的,而不是某一个,所以说 "共性" 而不是 ”特性“。 body{ color:gray; font-size: 阅读全文
posted @ 2018-06-26 15:31 王竹笙 阅读(135) 评论(0) 推荐(0) 编辑
摘要: 在HTML中引入css方式总共有三种: 3.1 链接式 3.1 导入式 css介绍 现在的互联网前端分三层: HTML:超文本标记语言。从语义的角度描述页面结构。 CSS:层叠样式表。从审美的角度负责页面样式。 JS:JavaScript 。从交互的角度描述页面行为 CSS:Cascading St 阅读全文
posted @ 2018-06-26 14:46 王竹笙 阅读(148) 评论(0) 推荐(0) 编辑