CSS有关属性
来源:互联网 发布:淘宝联盟怎么才能返现 编辑:程序博客网 时间:2024/06/03 07:42
所有CSS文本属性。
CSS position 属性
定义和用法
position 属性规定元素的定位类型。
说明
这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。
可能的值
生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
fixed生成绝对定位的元素,相对于浏览器窗口进行定位。
元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。
relative生成相对定位的元素,相对于其正常位置进行定位。
因此,"left:20" 会向元素的 LEFT 位置添加 20 像素。
static默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。inherit规定应该从父元素继承 position 属性的值。CSS display 属性
定义和用法
display 属性规定元素应该生成的框的类型。
说明
这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型,如果使用 display 不谨慎会很危险,因为可能违反 HTML 中已经定义的显示层次结构。对于 XML,由于 XML 没有内置的这种层次结构,所有 display 是绝对必要的。
注释:CSS2 中有值 compact 和 marker,不过由于缺乏广泛的支持,已经从 CSS2.1 中去除了。
可能的值
CSS3 选择器
在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素。
"CSS" 列指示该属性是在哪个 CSS 版本中定义的。(CSS1、CSS2 还是 CSS3。)
CSS 组合选择符
后代选取器
后代选取器匹配所有值得元素的后代元素。
以下实例选取所有 <p> 元素插入到 <div> 元素中:
实例
子元素选择器
与后代选择器相比,子元素选择器(Child selectors)只能选择作为某元素子元素的元素。
以下实例选择了<div>元素中所有直接子元素 <p> :
实例
相邻兄弟选择器
相邻兄弟选择器(Adjacent sibling selector)可选择紧接在另一元素后的元素,且二者有相同父元素。
如果需要选择紧接在另一个元素后的元素,而且二者有相同的父元素,可以使用相邻兄弟选择器(Adjacent sibling selector)。
以下实例选取了所有位于 <div> 元素后的第一个 <p> 元素:
实例
后续兄弟选择器
后续兄弟选择器选取所有指定元素之后的相邻兄弟元素。
以下实例选取了所有 <div> 元素之后的所有相邻兄弟元素 <p> :
实例
anchor伪类
在支持 CSS 的浏览器中,链接的不同状态都可以以不同的方式显示
实例
注意: 在CSS定义中,a:hover 必须被置于 a:link 和 a:visited 之后,才是有效的。
注意: 在 CSS 定义中,a:active 必须被置于 a:hover 之后,才是有效的。
注意:伪类的名称不区分大小写。
CSS - :first - child伪类
您可以使用 :first-child 伪类来选择元素的第一个子元素
匹配第一个 <p> 元素
在下面的例子中,选择器匹配作为任何元素的第一个子元素的 <p> 元素:
实例
匹配所有<p> 元素中的第一个 <i> 元素
在下面的例子中,选择相匹配的所有<p>元素的第一个 <i> 元素:
实例
匹配所有作为第一个子元素的 <p> 元素中的所有 <i> 元素
在下面的例子中,选择器匹配所有作为元素的第一个子元素的 <p> 元素中的所有 <i> 元素:
实例
CSS - :lang 伪类
:lang 伪类使你有能力为不同的语言定义特殊的规则
在下面的例子中,:lang 类为属性值为 no 的q元素定义引号的类型:
实例
所有CSS伪类/元素
- CSS有关属性
- 有关CSS的属性 1. 字体:
- 有关于css的clear属性
- 有关CSS中各个属性的示意图
- 跟css背景有关的属性
- 和布局有关的css属性
- 有关于 CSS Border 的相关属性的用法
- CSS里与字体有关的属性以及字体属性连写
- CSS中几个与换行有关的属性简明总结_css3_CSS_网页制作
- 有关css的文章
- 有关css的居中
- 有关CSS的学习
- CSS有关边框详解
- 有关result input属性
- 有关图片Alt属性
- 有关属性传值
- CSS 属性
- css属性
- TensorFlow深度学习框架
- presentViewController的后的background变黑的问题
- 数组倒序输出
- colors.xml已写好拿走不谢
- 新增加的HTTP状态码 -- 103
- CSS有关属性
- Spring的ApplicationEvent的使用
- Spring基于事件驱动模型的订阅发布模式代码实例详解
- Lucas定理板子 洛谷P3807
- 设置Textview最大长度,超出显示省略号
- C++模板(一)
- QT自定义TitleBar
- zookeeper安装与测试
- 数据库索引实现原理以及SQL优化技巧