CSS 学习笔记#1 基础篇

  • Post author:
  • Post category:其他


1. 外部

<link href=”文件名.css” type=”text/css” rel=”stylesheet” />

href: 文件路径

type:所链接的文档类型

rel:html页面与被链接文件的关系

2. 内部

<style type=”text/css”>

……

<style

3. 选择器

通用:

*

类型:

h1,h2,h3 针对于h1、h2、h3三个元素

类:

.note 所有class为note的元素

p.note 所有class为note的p元素

ID:

#introduction 所有id为introduction的元素

子元素:

li>a 所有父元素为li的a元素

后代:

p a 所有位于p元素中的a元素

相邻兄弟:

h1+p h1元素后面的第一个p元素(对其他p元素不起作用)

普通兄弟:

h1~p 与h1元素同级的p元素

4. 特性选择器

简单:[]

p[class] 所有class特性的p元素

精确:[=]

p[class=”dog”] 所有class特性值为dog的p元素

部分:[~=]

p[class~=”dog”] 所有class特性值含有dog(此时的特性值为以空格隔开的单词列表)的p元素

开头:[^=]

p[attr^=”d”] 某个特性的值以d开头的所有元素

包含:[*=]

p[attr*=”do”] 某个特性的值含有do的所有元素

结尾:[$=]

p[attr¥=”d”] 某个特性的值以g结尾的所有元素

5. 规则

就近原则:

后出现的优先级高

具体性原则:

适用范围更小的优先级高

重要性原则:

后面加 !important

6. 继承

大多数元素都可以被继承(范围大到范围小),但background-color和border属性则不行。

可以将属性值设置为inherit来强制继承。



版权声明:本文为weixin_54055485原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。