html和css技巧记忆轻松掌握

1. <select>标签中设置multiple="multiple"属性，就可以实现多选功能。
2. <p style="color:red;font-size:12px">这里文字是红色。</p>

3. 作用于元素的第一代后代，空格作用于元素的所有后代。

4. h1、span标签同时设置字体颜色为红色：h1,span{color:red;}

5. 权值高的就使用哪种css样式。标签的权值为1，类为10，ID最高为100，继 承的权值最低。

6. p{color:red!important;}设置最高权限。
7. p{text-indent:2em;}段落缩进。
8. 设置文字间隔或者字母间隔：letter-spacing。
9. 设置display:block就是将元素显示为块级元素。
   10.块状元素也可以通过代码display:inline将元素设置为内联元素。内联元素 是不可以设置宽和高的。

11.布局模型：流动模型（Flow）浮动模型 (Float) 层模型（Layer）。
12.层模型有三种形式：绝对定位(position: absolute)，相对定位 (position: relative)，固定定位(position: fixed)。
》设置position:absolute，作用将元素从文档流中拖出来，相对于其最接 近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块

，则 相对于body元素，即相对于浏览器窗口。
》position:absolute可以实现被设置元素相对于浏览器（body）设置定位.
13.颜色值表示方法：p{color:rgb(20%,33%,25%);}，p{color:rg (133,45,200);}，p{color:#00ffff;}
长度值表示方法：90像素=1英寸。如果元素的 font-size 为 14px ，那么 1em = 14px；如果 font-size 为 18px，那么 1em = 18px。
p{font-size:12px;line-height:130%}：设置行高（行间距）为字体的 130%（12 * 1.3 = 15.6px）。
14.满足定宽和块状两个条件的元素是可以通过设置“左右margin”值为“auto ”来 实现居中。
15.不定宽度的块状元素有三种方法居中（这三种方法目前使用的都很多）：
（1）加入 table 标签；
（2）设置 display: inline 方法：显示类型设为 行内元素，进行不定宽元素的属性设置；
（3）设置 position:relative 和 left:50%：利用 相对定位 的方式，将元素向左偏移 50% ，即达到居中的目的。

16.margin:0;padding:0（消除文本与div边框之间的间隙）。
17.父元素高度确定的单行文本的竖直居中的方法是通过设置父元素的 height 和 line-height 高度一致来实现的。
18.当为元素（不论之前是什么类型元素，display:none 除外）设置以下 2 个句之一：
（1）position : absolute
（2）float : left 或 float:right
只要html代码中出现以上两句之一，元素的display显示类型就会自动变为以 display:inline-block（块状元素）的方式显示，就可以设置 元素的 width

和 height ，且默认宽度不占满父元素。