html/css
文章平均质量分 82
dgondgoon
这个作者很懒,什么都没留下…
展开
-
标准盒子模型与IE盒子模型区别
标准盒子模型元素宽度=margin*2+border*2+padding*2+width;IE盒子模型元素宽度=margin*2+width;转载 2017-08-21 19:45:00 · 974 阅读 · 0 评论 -
HTML元素的显示优先级
帧元素>HTML元素,表单元素总>非表单元素 HTML中常用的表单元素包括:文本区域(TEXTAREA),列表框(SELECT),文本输入框,密码输入框,单选输入框,复选输入框等等。常见的包括:链接标记(A),DIV标记,SPAN标记,TABLE标记等等。表单元素覆盖样式元素的根本原因在于HTML元素默认的显示优先级规则。 所有这样HTML元素又可以根据其显示要求分成两类转载 2017-08-25 09:58:15 · 310 阅读 · 0 评论 -
css中可以继承的属性
1、字体系列属性font:组合字体font-family:规定元素的字体系列font-weight:设置字体的粗细font-size:设置字体的尺寸font-style:定义字体的风格font-variant:设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。font-stretch:对原创 2017-08-22 14:40:29 · 474 阅读 · 0 评论 -
回流与重绘
页面解析的过程: ①.浏览器把html代码解析成1个Dom树,html中的每个tag都是Dom树中的1个节点,根节点就是我们常用的document对象。dom树就是html结构,里面包含了所有的html tag,包括用JS添加的元素。 ②浏览器把所有样式(主要包括css和浏览器自带的样式设置)解析成样式结构体,在解析的过程中会去掉浏览器不能识别的样式。 ③dom转载 2017-08-25 10:36:02 · 230 阅读 · 0 评论 -
css中的包裹性
包裹性:元素的宽度会收缩到与内容宽度一致拥有包裹性的元素:float浮动的元素position为absolute或fixed的元素display为inline-block, table-cell, table-caption, inline-flex的元素原创 2017-08-22 15:45:13 · 2126 阅读 · 0 评论 -
flex弹性盒子布局基础
先抄一张图,表示了弹性盒子元素的组成,分为main轴和cross轴,start和end代表轴的两端。弹性盒子的子元素的float、clear和vertical-align属性将失效。弹性容器的6个属性:1.flex-direction用于规定弹性项目的排列方向。row:水平 row-reverse:水平逆序 column :竖直co原创 2017-08-23 14:52:57 · 480 阅读 · 0 评论