css学习笔记
标签:htm bsp height ica 选择 imp lin 多个 标签
CSS的使用方式
- style 属性--->
- style 标签---> head 标签里面
- link --->
三种基础选择器的区别
html标签选择器:
- 所有的html标签都可以当做选择器
- 无论标签藏多深都会被选中
- 选择的是所有的标签而不是某个具体的标签
id选择器:
- 任何的标签都可以有id属性和属性值
- id不能够重复
class选择器:
- 任何的标签都可以使用class属性
- class 属性名可以重复使用
- 一个class属性中,可以有多个class 属性值
综合选择器的用法
- 后代选择器 div p
- 交集选择器 div.d1
- 并集选择器 div,p
- 子元素选择器 div>p
- 序列选择器 ul li:first-child ul li:last-child
- 相邻兄弟选择器 div + p
- 普通兄弟选择器 div ~ p
块级元素、行内元素以及它们的区别:
块级元素和行内元素:
区别:
- 行内元素不能设置宽度和高度。行内元素的宽度和高度是标签内容的高度和宽度。块级元素可以设置宽度和高度。
- 块级元素会独占一行。而行内元素不能够独占一行,只能和其他的行内元素共用一行。
- 如果块级元素不设置宽度,那么块级元素会自动占满父元素的全部宽度。
继承和层叠
- 继承:父元素的某些css属性会被子元素无条件的继承过去。比如,关于文字的css属性都可以进行继承:color text- line- font-
- 层叠:解决css冲突的问题。通过比较权重来解决层叠问题。
css学习笔记
标签:htm bsp height ica 选择 imp lin 多个 标签
原文地址:http://www.cnblogs.com/lxmtx/p/7079966.html
文章来自:
搜素材网的
编程语言模块,转载请注明文章出处。
文章标题:
css学习笔记
文章链接:http://soscw.com/index.php/essay/104480.html
评论