css review
程序员文章站
2022-05-07 13:34:08
...
重点:
span.XXX{...}
建立无表格的首页
1.样式
p{backgroundcolor:grey}
p{textindent:5em}
p{text-align:center}
p{font-family:sens serif}
p{link:color #FFF000}
ul li{list-style-image:url[xxx.jpg]} 列表标志
table{border-collapse:1px solid blue} 表格单边框
2.框模型
*{margin:0;
border:0}
{padding-left:20%}
p{border-style:solid solid solid none}
p{margin:0.25in}
3.定位
div h1 p被成为块元素
span strong呗称为行内元素 (通过将 display 属性设置为 block)
eg: (
.important {color:red;}
ID选择器:
设置 #intro {font-weight:bold;}
属性选择器
想选择有 moons 属性的所有 planet 元素,使之显示为红色,但第一个元素的文本不是红色
Venus
Earth
后代选择器
把作为 h1 元素后代的 em 元素的文本变为 红色。其他 em 文本(如段落或块引用中的 em)则不会被这个规则选中
h1 em {color:red;}
选择子元素
h1 > strong {color:red;}
选择相邻兄弟
h1 + p {margin-top:50px;}
伪类 (冒号)
a:link {color: #FF0000}
p:first-child {font-weight: bold;}
伪元素
p:first-letter
span.XXX{...}
建立无表格的首页
1.样式
p{backgroundcolor:grey}
p{textindent:5em}
p{text-align:center}
p{font-family:sens serif}
p{link:color #FFF000}
ul li{list-style-image:url[xxx.jpg]} 列表标志
table{border-collapse:1px solid blue} 表格单边框
2.框模型
*{margin:0;
border:0}
{padding-left:20%}
p{border-style:solid solid solid none}
p{margin:0.25in}
3.定位
div h1 p被成为块元素
span strong呗称为行内元素 (通过将 display 属性设置为 block)
eg: (
本段包含了单独的蓝色单词。)
相对定位 eg: h2.pos_left
{ position:relative;
left:-20px }
绝对定位 流动 absolute float
4.选择器
h2 {color:silver;}
合并选择:body, h2, p, table, th, td, pre, strong, em {color:gray;}
类选择:
This heading is very important.
This paragraph is very important.
.important {color:red;}
ID选择器:
This is a paragraph of introduction.
设置 #intro {font-weight:bold;}
属性选择器
想选择有 moons 属性的所有 planet 元素,使之显示为红色,但第一个元素的文本不是红色
后代选择器
把作为 h1 元素后代的 em 元素的文本变为 红色。其他 em 文本(如段落或块引用中的 em)则不会被这个规则选中
h1 em {color:red;}
选择子元素
h1 > strong {color:red;}
选择相邻兄弟
h1 + p {margin-top:50px;}
伪类 (冒号)
a:link {color: #FF0000}
p:first-child {font-weight: bold;}
伪元素
p:first-letter
以上就介绍了css review,包括了方面的内容,希望对PHP教程有兴趣的朋友有所帮助。
上一篇: WebService端口号修改
推荐阅读
-
对于浮动的一些理解_html/css_WEB-ITnose
-
HTML5实践-使用css3如何完成google涂鸦动画的详解
-
求高手修改这段代码,能支持IE6/IE7_html/css_WEB-ITnose
-
css垂直居中的几种方式_html/css_WEB-ITnose
-
学习过CSS,那你知道BFC是什么吗?
-
CSS3实现红包抖动效果
-
请大家帮我看一下我这段代码中的ul和a为什么不能显示在同一行中。_html/css_WEB-ITnose
-
第 12 章 CSS 入门 - 水之原
-
新手问,像这样用div做好还是dl dt dd做好_html/css_WEB-ITnose
-
过渡_html/css_WEB-ITnose