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}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值