1、css的主要内容
1) css的常用属性主要有45种2) html的四种元素:内联(inline)、内联块状(inline-block)、块状(block)、表格
3) CSS的五种定位方式:静态、相对、绝对、固定、浮动
2、css的优先顺序(从高到低)
1) 使用!inportant的规则
2) 嵌在style属性里的规则
3) 使用ID选择符的规则
4) 使用类、属性或伪类的规则
5) 使用元素选择符的规则
6) 只有通配选择符(*)的规则
3、html元素分类
1)结构化元素
核心的结构化元素:<html>、<head>、<body>
2)块状元素
分为三类:表结构块状元素、终端块状元素、多目标块状元素
a.表结构块状元素:
有四种主要的表结构块状元素:
<ol> :有序列表,列表项元素<li>
<ul> :无序列表,列表项元素<li>
<dl> :定义列表,包含多个词汇<dt>和定义<dd>
<table>:表格数据结构,包含行<tr>和单元格<th>、<td>;标题行<thead>、表尾<tfoot>
有九个支持表结构化的元素:<li> <dt> <dd> <caption> <thead> <tbody> <colgroup> <col>
b.终端块状元素: 是文档块状结构的终端节点,不能包含块状元素,只能包含文本和内联元素
<h1>...<h6> : 标题
<p> : 段落
<dt> : 定义词汇
<caption> : 表格标题
<address> : 联系记录
<blockquote> : 块状引用
c.多目标块状元素:
既可以包含块状元素也可以包含内容(内容是指文本与内联元素的组合),但是不能同时包含两种。 应当把内容放在块状元素之中而不是放在它们之间(这种情况称为混合内容)。 当出现混合内容时,浏览器会给内容套上一个匿名容器。
<div>:<li>:
<dd>:
<td><th>:
<form>:
以上这些元素以结构化的方式使用时,就拥有结构化的内涵;当以终端的方式使用它就拥有语义化的内涵。
这些元素只包含内容时就相当于终端的块状元素。
3)内联元素:本身就是内容。
分为四类:语义元素、排列顺序元素、可替代元素、控制元素
a.语义元素:用于识别内容的含义,包括的元素主要有:
用于定义内容相对重要性的3 种语义化的内联元素:<span>、<em>、<strong>
其它的语义元素按所包含内容来分类:
. 短语内联元素 <a> <cite> <code> <kbd> <samp> <var>
. 单词内联元素 <abbr> <dfn>
. 字符内联元素 <sub> <sup>
HTML为每个语义化的内联元素赋予了默认的样式。
b.排列顺序元素:控制元素之间的排列顺序,主要元素是<br/>
c.可替代元素:可用对象进行替代,主要元素是<img>、<object>
d .控制元素:是一些可用于输入数据的对象,主要元素是<input>、<textarea>、<select>、<button>