![](https://img-blog.csdnimg.cn/20190918140145169.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
HTML/CSS
HTML/CSS
哈木克
ROOKIE
展开
-
css布局规则,浮动,定位
视觉格式化模型常规流所有元素默认情况下都属于常规流(文档流,普通文档流,常规文档流)布局总体规则:块盒独占一行,行盒水平依次排列。包含块每个盒子都有它的包含块,包含块决定了盒子的排列区域绝大部分情况下,盒子的包含块为其父元素的内容盒块盒1. 每个块盒的总宽度必须刚好等于包含块的宽度,宽度的默认值为automargin的默认值为0,取值也可以是auto(将剩余空间吸收)width的吸收能力强于margin若宽度,边框,内边距,外边距计算后仍有剩余空间,该剩余空间被margin-rig原创 2020-08-09 14:32:11 · 330 阅读 · 2 评论 -
html标签分类
标签的基本分类(归类)1)行级元素,也叫内联元素 inline特点:a 内容决定元素所占位置b 不可以通过css改变宽高例如 span,strong,em,a,del等行级元素自带隐藏属性display:inline; 可以通过改成block变为块级元素2)块级元素 block特点:a 独占一行b可以通过css改变宽高例如 div,p,ul,li,ol,form,address等3)行级块元素 inline-block特点:a 内容决定...原创 2020-07-10 21:10:18 · 359 阅读 · 2 评论 -
css属性值的计算过程
属性值的计算过程浏览器渲染网页:一个个元素依次渲染,且按照页面文档的树形结构顺序进行渲染。前提条件要求该元素的所有css属性都必须有值。而一个元素从没有属性值到每个属性都有值得计算过程叫做"属性值得计算过程"此过程一共有以下四个步骤:确定声明值:参考样式表中没有冲突的声明,作为css属性值层叠冲突:对样式表有冲突的声明使用层叠规则,确定css属性值(依次比较重要性,特殊性和源次序)使用继承:对仍然没有值的属性,若可以继承,则继承父元素的值使用默认值:对仍然没有值的属性,使用原创 2020-07-29 22:49:26 · 1111 阅读 · 2 评论 -
css权重计算
CSS权重总结:标签值权重值!importantinfinity 正无穷行间样式1000id选择器100class选择器,属性选择器,伪类选择器10标签选择器,伪元素选择器1通配符选择器0写在同一行的选择器,权重值相加,哪个权重值大就显示哪个。当权重值一样时,显示后面的(后来先到)。在计算机中,正无穷+1>正无穷。在权重中是256进制,从0-255后进一,所以表格中的1000并不是一千,100也不是一百。...原创 2020-07-10 21:45:26 · 398 阅读 · 2 评论 -
BFC块级格式化上下文
块级格式化上下文全称Block Formatting Context,简称BFC它是一块独立的渲染区域,它规定了在该区域中,常规流块盒的布局BFC渲染区域:这个区域由某个HTML元素创建,以下元素会在其内部创建BFC区域:根元素浮动和绝对定位元素overflow值不等于默认值(visible)的块盒不同的BFC区域,它们进行渲染时互不干扰创建BFC的元素,隔绝了它内部和外部的联系,内部的渲染不会影响外部具体规则:...原创 2020-08-19 15:38:14 · 221 阅读 · 1 评论