HTML之后接着学习CSS(Cascading Style Sheet 层叠样式表)。感谢http://www.w3school.com.cn/css/index.asp
1、定义
- 什么是CSS?--CSS是层叠样式表,就是让你专门设计和放置样式的地方。
- 在HTML中就可以有样式,为什么还需要CSS?--主要为了分开管理:1)一个样式,可以同时对多个网页外观格式;2)容易管理且逻辑简单,css只需要管理样式,不涉及内容,这样html只需要引入css和管理内容即可,逻辑清晰简单,容易维护;……
2、基础语法(CSS规则主要由选择器和声明构成,如 selector {declaration1;declaration2;})
- 选择器:是需要改变样式的HTML元素。selector就是选择器。选择器有继承属性
- 声明:由一个属性和一个值组成。declaration1和declaration2就是声明。如h1 {color:red;font-size:14px;}
- 选择器类型:
- 选择器分组 h2,p {color:gray;} 是指 h2标题和p段落的颜色是灰色,两个在同一个选择器中设置
- 元素选择器 html {color:gray;} 是指对元素本身,进行设置
- 派生选择器
- id选择器 #intro {color:gray;} 定义了id是intro的选择器,引用如 <p id="intro">...</p>
- 类选择器 .important {color:gray;} 定义了important类 ,引用如 <p class="important">…</p>
- 属性选择器 [title]{color:gray;} 是指含有title属性的会生效,引用如 <a title="Hello">...</a>
- 后代选择器 h1 em {color:gray;} 是指只有在h1元素中含有em元素时才能生效
- 子元素选择器 h1 > strong {color:gray;} 是指只有strong是h1的子元素时才能生效,若h1与strong之间还有其他元素间隔,则不生效
- 相邻兄弟选择器
- 伪类、伪元素
- 以上各种不同的选择器用法,目的是为了更简洁高效地控制你想要控制的元素格式。超级实用的实例:http://www.w3school.com.cn/example/csse_examples.asp
- 那么,如何在html中引用呢?
- <head>
- <link rel="stylesheet" type="texxt/css" href="mystyle.css" />
- </head>
3、支持功能
- 样式:支持 背景、文本、字体、链接、列表、表格、轮廓、对其、尺寸、分类、导航栏、图片库、图片透明、媒介类型等等
- 框模型:内边框、边框、外边框、合并
- 定位:相对定位、绝对定位、浮动
还有许多可参考的手册,比如颜色值之类的:http://www.w3school.com.cn/cssref/index.asp