HTML和CSS标记如何记忆,html和css技巧记忆轻松掌握

标签中设置multiple="multiple"属性，就可以实现多选功能。

这里文字是红色。

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

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

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

p{color:red!important;}设置最高权限。

p{text-indent:2em;}段落缩进。

设置文字间隔或者字母间隔：letter-spacing。

设置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 ，且默认宽度不占满父元素。

打开App，阅读手记