从前做网页的时候就学过css。当时应该还是css2,现在正是html5和css3大行其道,去亚马逊买了一本css设计指南,重新系统学习下。
引入css的三种方法:
1,直接在html中引用(不推荐)
<p style="font-size:..."
2,在html头部用style标签嵌入
<head>
<style>
p {...;...}
</style>
</head>
3,链接。不直观,但是有助于文档整洁
<link href="style.css" rel="stylesheet" type="text/css">
选择符:
- 上下文选择符 p em {...;} 表示p为祖先元素的所有em(不一定非要是父)
- 子选择符
p > em 表示p的子元素em,孙元素em无效
而这里注意到:
似乎块级元素会打断父级别块级或者行内元素的标签,显示祖父元素的子元素
例如:body>p>h2
body > h2是可以选择这个h2的。 - 相邻元素选择符
p + h2 选择上文紧挨着兄弟元素为p的h2 - 一般同胞选择符
p ~ h2 选择p所有后面的不一定紧邻的兄弟元素的h2 - 通用选择符*
会选择全部元素 一般用于次级 p * 表示所有p的文本
技巧!
可以用于选择孙元素跳过子元素
section * p {...;} - 类选择符
这是由类定义的h1
那么
.specialText
h1.specialText
都可以选择之
7. id选择符
这是由id定义的段落哦
#99 {font-style: italic}
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。