首页 > 开发 > 前端 > 正文

html和css技巧记忆轻松掌握

2016-05-24 23:15:46  来源:慕课网
<select>标签中设置multiple="multiple"属性,就可以实现多选功能。<p style="color:red;font-size:12px">这里文字是红色。</p>  作用于元素的第一代后代,空格作用于元素的所有后代。
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 ,且默认宽度不占满父元素。