css设计指南学习1-css基础

从前做网页的时候就学过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”>

选择符:

  1. 上下文选择符 p em {…;} 表示p为祖先元素的所有em(不一定非要是父)
  2. 子选择符
    p > em 表示p的子元素em,孙元素em无效
    而这里注意到:
    似乎块级元素会打断父级别块级或者行内元素的标签,显示祖父元素的子元素
    例如:body>p>h2
    body > h2是可以选择这个h2的。
  3. 相邻元素选择符
    p + h2 选择上文紧挨着兄弟元素为p的h2
  4. 一般同胞选择符
    p ~ h2 选择p所有后面的不一定紧邻的兄弟元素的h2
  5. 通用选择符*
    会选择全部元素 一般用于次级 p * 表示所有p的文本
    技巧!
    可以用于选择孙元素跳过子元素
    section * p {…;}
  6. 类选择符

这是由类定义的h1

那么 
.specialText
h1.specialText
都可以选择之

7. id选择符

这是由id定义的段落哦

#99 {font-style: italic}
    原文作者:walterrwu
    原文地址: https://segmentfault.com/a/1190000000746745
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞