![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
木有君兮
这个作者很懒,什么都没留下…
展开
-
浏览器中属性值的计算过程
属性值的计算过程 上一篇博客简单的介绍浏览器渲染页面的过程,这次主要介绍一下浏览器中属性值的计算过程。 一个元素的所有属性值,从没有值到有值,这个计算过程叫做属性值的计算过程。 1.确定声明 首先将样式表中没有冲突的声明,作为CSS属性值。 当自己书写的CSS样式与浏览器写的样式没有冲突时,那么自己写的CSS样式就会被浏览器给渲染出来显示。 <style> a{ background-color: red; } </styl原创 2020-11-29 16:20:24 · 178 阅读 · 0 评论 -
浏览器是怎样渲染网页的
浏览器是怎样渲染网页的 本文主要简单的介绍一下浏览器是如何渲染网页的。 1. 构建DOM Tree 浏览器首先将收到的HTML代码,通过HTML解析器解析构建为一颗DOM树。而DOM树就像是一颗倒长的大树,这样的对象模型决定了节点之间都有一定的关联。它们关系可能有父子、有兄弟,我们可以顺着这颗树做出许多操作。 DOM节点树中节点与HTML文档中内容一一对应,DOM树构建过程:读取html文档,将字节转换成字符,确定tokens(标签),再将tokens转换成节点,以节点构建 DOM 树。如图所示: <原创 2020-11-29 15:26:21 · 165 阅读 · 1 评论 -
了解CSS定位
CSS定位 定位允许您从正常的文档流布局中取出元素,并使它们具有不同的行为。如当您想要需要对页面做一些细节方面的调整可以选择用定位的方式,从而不影响页面的布局。 1.静态定位 静态定位只是意味着将元素放入它在文档布局流中的正常位置,没有脱离文档流。 2.相对定位 相对定位依然没有脱离文档流,但是可以修改相对定位的位置(包括与其他元素重叠)。利用top,bottom,left和right属性可以使相对定位的元素进行移动。 body内容为: <div class="demo-box">原创 2020-11-20 18:59:33 · 87 阅读 · 0 评论 -
CSS 清除浮动
CSS 清除浮动 本文主要介绍清除浮动的一些简单方法。 什么叫清除浮动 当容器没有设置高度时,且容器的内容中有浮动的元素,在这种情况下,容器的高度不能自动伸长以适应内容的高度,使得内容溢出到容器外面而影响布局的现象。这个现象叫浮动溢出,为了防止这个现象的出现而进行的CSS处理,就叫CSS清除浮动。 举例说明 1.看一下什么是清除浮动 以下代码运行的结果是什么? <!DOCTYPE html> <html lang="en"> <head> <meta cha原创 2020-11-15 18:38:39 · 149 阅读 · 0 评论 -
CSS浮动
CSS浮动原创 2020-11-15 15:46:33 · 99 阅读 · 0 评论 -
CSS选择器优先级
CSS选择器优先级 在写CSS样式时,你会发现一个问题就是当使用不同的CSS选择器去写同一个元素时,浏览器应该优先选择哪个呢。浏览器会认为哪个的优先级高呢。 什么是 CSS 选择器优先级 CSS 选择器优先级是指在给 HTML 元素应用样式时,如果有多个 CSS 选择器同时指向了这个元素,那么优先级高的选择器的样式会最终应用到这个元素上。 举例说明 我将将举几个例子来简单的说明一下,如果你想知道更加深入可以去看一下这篇文章,网址:https://developer.mozilla.org/zh-CN/doc原创 2020-11-08 14:46:37 · 536 阅读 · 0 评论 -
CSS选择器
CSS选择器及其优先级总结 一、CSS选择器主要有那些。 选择器讲的通俗一点就是要选择某一个内容,当选择了内容那肯定要对其修改一下,要不然选择它干嘛。CSS选择器就是为了对HTML页面中的元素进行选择并进行一定的控制,如改变p标签里字体的颜色和大小等等。所以CSS选择器在网页布局里面很重要!很重要!很重要!(重要的事情说三遍) 1.id选择器(ID selectors) 一看到id(Identity document)你是不是立马想到身份证,身份证是独一无二的,那么在HTML中id选择器肯定的是独一原创 2020-11-07 17:24:34 · 118 阅读 · 0 评论