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