随笔分类 - 前端 CSS
摘要：边框 border:边框的意思，描述盒子的边框 边框有三个要素： 粗细 线性样式 颜色 border特性 如果颜色不写，默认是黑色。如果粗细不写，不显示边框。如果只写线性样式，默认的有上下左右 3px的宽度,实体样式，并且黑色的边框。 通常使用简写方式 如果只写线性样式，默认的有上下左右 3px的宽
阅读全文
摘要：padding：就是内边距的意思，它是边框到内容之间的距离 另外padding的区域是有背景颜色的。并且背景颜色和内容区域的颜色一样。也就是说background-color这个属性将填充所有的border以内的区域 加上padding属性 加上background-coloor属性 背景颜色 2.
阅读全文
摘要：一个html body标签 默认有 margin外边距属性 比如ul标签，有默认的padding-left值。 那么我们一般在做站的时候，是要清除页面标签中默认的padding和margin。以便于我们更好的去调整元素的位置。 我们现在可以使用通配符选择器 页面 ul里面 所有的padding，ma
阅读全文
摘要：盒模型的概念 在CSS中，"box model"这一术语是用来设计和布局时使用，然后在网页中基本上都会显示一些方方正正的盒子。我们称为这种盒子叫盒模型。 盒模型有两种：标准模型和IE模型。我们在这里重点讲标准模型。 盒模型示意图 盒模型的属性 margin(外边框): 用于控制标签与标签之间的距离；
阅读全文
摘要：层叠性 层叠性：权重的标签覆盖掉了权重小的标签，说白了 ，就是被干掉了 权重：谁的权重大，浏览器就会显示谁的属性 我们现在已经学过了很多的选择器，也就是说在一个HTML页面中有很多种方式找到一个元素并且为其设置样式，那么就会有一个问题：如果我通过不同的选择器找到了相同的一个元素，并且设置了不同的样式
阅读全文
摘要：!important 的使用。 !important方式来强制让样式生效，但并不推荐使用。因为如果过多的使用!important会使样式文件混乱不易维护。 万不得已可以使用!important 现在选择的是类选择器 spe2的样式 对选择器 的样式设置 !important ，这个样式马上应用
阅读全文
摘要：css有两大特性：继承性和层叠性 继承性 继承：给父级设置一些属性，子级继承了父级的该属性，这就是我们的css中的继承。 记住：有一些属性是可以继承下来 ： color 、 font-*、 text-*、line-* 。主要是文本级的标签元素。 但是像一些盒子元素属性，定位的元素（浮动，绝对定位，固
阅读全文
摘要：CSS有两大特性：继承性和层叠性 前端 CSS的继承性 前端 CSS层叠性 CSS选择器优先级 前端 CSS 优先级 样式设置important
阅读全文
摘要：介绍常用的伪元素。 after用得比较多的 first-letter 用于为文本的第一个首字母设置样式。 before 用于在元素的内容前面插入新内容 使用此伪元素选择器一定要结合content属性 在每个<p>元素之前插入内容： after 用在网页布局比较多，清除浮动 用于在元素的内容后面插入新
阅读全文
摘要：伪类选择器 常用的几种伪类选择器。 伪类选择器一般会用在超链接a标签中 没有访问的超链接a标签样式： 访问过的超链接a标签样式： 点击jack字体， jack字体变成绿色 鼠标悬停时在元素上应用样式 鼠标悬停时在 a标签jack上面 jack字体马上变成绿色 鼠标点住瞬间的样式： 鼠标点住CSS样式
阅读全文
摘要：first-child 选中第一个标签 应用CSS样式 last-child 选中最后一个标签 应用CSS样式 选中第二个标签 nth-child(2n-1) 奇数 隔几换色，隔行换色 隔3换色，就是4n+1，隔4换色，就是5n+1。
阅读全文
摘要：属性选择器，字面意思就是根据标签中的属性，选中当前的标签。 属性选择器 通常在表单控件中 使用比较多 根据属性查找 根据属性和值查找 表单常用
阅读全文
摘要：高级选择器分为： 后代选择器 儿子选择器 并集选择器 交集选择器 后代选择器 儿子选择器 并集选择器 交集选择器 后代选择器 使用空格表示后代选择器。父元素的后代（包括儿子，孙子，重孙子） 后代选择器 在CSS中使用非常频繁 因为HTML元素可以嵌套，所以我们可以从某个元素的后代查找特定元素，并设置
阅读全文
摘要：什么是选择器。在一个HTML页面中会有很多很多的元素，不同的元素可能会有不同的样式，某些元素又需要设置相同的样式，选择器就是用来从HTML页面中查找特定元素的，找到元素之后就可以为它们设置样式了。 选择器为样式规则指定一个作用范围。 基本选择器 高级选择器 属性选择器 伪类选择器 伪类选择器 CSS
阅读全文
摘要：基本选择器包括： 标签选择器 类选择器 ID选择器 通用选择器 标签选择器 就是通过标签名来选择元素： 选中p标签 将所有的p标签设置字体颜色为红色 标签选择器可以选中所有的标签元素，例如div,ul,li,p等，不管标签藏的多深，都可以选中，选中的是所有,而不是某一个 ID选择器 id是在每个标签
阅读全文
摘要：类选择器 符号是.开头 然后类的名字 样式类名不要用数字开头（有的浏览器不认）。 所谓类就是class，.class与id非常相似，任何标签都可以加类，但是类可以重复 通过样式类选择元素： 示例： class是归类的概念 同一个标签可以携带多个类，用空格隔开 应用了c1 c2 css样式 ， c2的
阅读全文
摘要：CSS三种引入方式 行内样式 内接样式 外部样式 链接式 导入式 链接式 导入式 行内样式 就是在标签加上style属性设置样式 内接样式 CSS样式写在head标签里面的style标签里面，格式如下： 这种方法是标签选择器，span他会检索body文档，一个一个标签进行检索，只要找到span标签就
阅读全文
摘要：每个CSS样式由两个组成部分： 1.选择器 2.声明 声明由属性和值组成，每个声明之后用分号结束。
阅读全文
摘要：CSS介绍 我们为什么需要CSS? 使用css的目的就是让网页具有美观一致的页面，另外一个最重要的原因是内容与格式分离 在没有CSS之前，我们想要修改HTML标签的样式需要为每个HTML标签单独定义样式属性，当HTML内容非常多时，就会定义很多重复的样式属性，并且修改的时候需要逐个修改，费心费力。是
阅读全文
