CSS新手学习
关注
分享
扫一扫
文章平均质量分 79
杨宗健
这个作者很懒，什么都没留下…
展开
-
后代选择器和子元素选择器
一、后代选择器后代：儿子，孙子，重孙子...... 标签1是父标签，标签2是标签1的儿子，标签3是标签1的孙子，标签4是标签1的重孙子。所以 标签2,3,4,都是标签1的后代标签。后代选择器的优势：（1）如果在公司中有几千原创 2017-03-27 22:12:19 · 1427 阅读 · 0 评论 -
相对定位
第一节课：（1）加一个position：relative； 表明是相对定位。（2）相对布局不会脱离标准流（脱标），还是会在标准流中占用一定的空间。（3）相对定位中有以下几种属性，相对定位结合以下几个属性使用：top: ;right: ;bottom: ;left: ;（4）什么是相对定位？相对定位就是相对于自己以前在标准流中的位置来移动的原创 2017-07-22 20:46:48 · 1200 阅读 · 0 评论 -
清除浮动的四种方法（详解）
以下全部操作是在 Webstorm中进行的，个人认为webstorm比dreamweaver好用。 操作例子样图：代码： 清除浮动 *{ padding: 0; margin: 0;原创 2017-05-30 17:07:22 · 1046 阅读 · 0 评论 -
CSS中盒子模型
html中所有的标签其实都是盒子。以span，b，strong，a等标签为例。span,b,strong,a等标签是行标签，不是块标签。 盒子模型 span,b,strong,a{ 运用并集选择器给span,b,strong,原创 2017-04-19 16:26:25 · 689 阅读 · 0 评论 -
文本相关的属性
一、text-decoration属性（文本样式：下划线、删除线、上删除线）：1.下划线（underline）： 文字相关的属性 p{ text-decoration: underline; } 我是段落2.删除线（line-through)：原创 2017-03-26 16:25:09 · 458 阅读 · 0 评论 -
标签选择器，id选择器，class类选择器
1.标签选择器的格式：标签{ 属性：值；} 颜色属性 p{ color: #F00; } 我是段落2.id选择器的格式：#id名称{ 属性：值；} 颜色属性原创 2017-03-26 22:03:52 · 1158 阅读 · 0 评论 -
颜色控制属性
一、英文名直接写颜色的英文名。 颜色属性 p{ color: red; } 我是段落二、rgb(x,y,z)x代表：红色的深浅度。y代表：绿色的深浅度。b代表：蓝色的深浅度。rgb的意思是：red、green、blue简称rgb。x,y,原创 2017-03-26 21:24:15 · 912 阅读 · 0 评论 -
文字相关的属性
一、font-style属性（文字样式）：主要记住两个值：normal与italic1.normal:正常的，就是默认状态下的。 文字相关的属性 p{ font-style: normal; } 我是段落2.italic:倾斜的。原创 2017-03-26 15:47:15 · 777 阅读 · 0 评论 -
属性选择器
第一种：[attribute]原创 2017-04-10 22:14:33 · 609 阅读 · 0 评论 -
兄弟选择器
相邻兄弟选择器：格式：标签1+标签2{ 属性:值;}相邻兄弟选择器只能选择相邻的兄弟级别的标签。如：标签1+标签2的意思是：标签2是标签1的相邻的紧挨着的，是在标签1下面的，而且是标签1兄弟级别的标签。相邻兄弟选择器只会选择相邻的兄弟，不会选择其他的兄弟标签。例子：把相邻着标签的所有的标签中的内容都修改成红色。原创 2017-03-31 17:48:48 · 583 阅读 · 0 评论 -
交集选择器与并集选择器
交集选择器：数学中： 区域一和区域二共同拥有的部分为区域三，则区域三就为区域一和区域二的交集。css中：标签一和标签二相同的部分就为交集选择器。系统所找到的标签必须满足：既有标签一的特点，也有标签二的特点。 标签一标签二{ 属性：值；...原创 2017-03-31 16:47:20 · 31431 阅读 · 5 评论 -
序选择器(详解)
同级别的第几个：第一种：:first-child意思为：选中同级别标签中的第一个标签。注意点：不区分类型。（任何标签类型都可以使用）例子：给同级别标签中的第一个标签的内容设置为红色。一、内容：代码：html> charset="utf-8"> 序选择器 target="_原创 2017-04-07 16:56:32 · 1676 阅读 · 0 评论 -
绝对定位
绝对定位注意点：（1）绝对定位的元素是脱离标准流的。绝对定位脱标演示：绝对定位之前：给第二个box2添加position：absolute；绝对定位属性。因为第二个box2脱标了，所以box2不属于标准流，box3要向上顶替box2的位置，所以box2脱标后的位置将box3盖住了。（2）浮动元素是脱离标准流，所以浮动不区分行类和块级。绝对定位是脱离标原创 2017-07-22 20:47:52 · 635 阅读 · 0 评论