css

/标签:css

前端面试题

前言 本文由我收集总结了一些前端面试题,初学者阅后也要用心钻研其中的原理,重要知识需要系统学习、透彻学习,形成自己的知识链。万不可投机取巧,临时抱佛脚只求面试侥幸混过关是错误的!也是不可能的!不可能的!不可能的! 前端还是一个年轻的行业,新的行业标准, 框架, 库都不断在更新和新增,正如赫门在2015深JS大会上的《前端服务化之路》主题演讲中说的一句话:“每18至24个月,前端都会难一倍”,这些变化使前端的能力更加丰富、创造的应用也会更加完美。所以关注各种前端技术,跟上快速变化的节奏,也是身为一个前端程序员必备的技能之一。 前端面试题 ---- html 前端面试题 ---- css 前端面试 [...]

2018-05-30T17:15:23+00:00 九月 1st, 2017|分类:前端|标签: , , |0条评论

前端面试题—-CSS

前端面试题 前端面试题 ---- html 前端面试题 ---- css 前端面试题 ---- javascript CSS 介绍一下标准的CSS的盒子模型?低版本IE的盒子模型有什么不同的? (1)有两种, IE 盒子模型、W3C 盒子模型; (2)盒模型: 内容(content)、填充(padding)、边界(margin)、 边框(border); (3)区 别: IE的content部分把 border 和 padding计算了进去; CSS选择符有哪些?哪些属性可以继承? * 1.id选择器( # myid) 2.类选择器(.myclassname) 3.标签选择器(div, h1, [...]

2018-05-30T17:25:29+00:00 七月 30th, 2017|分类:前端|标签: |0条评论

css实现水平居中的几种方式

一、对于行内元素: text-align:center; 二、对于确定宽度的块级元素: 1.margin和width实现水平居中 - 常用(前提:已设置width值): margin-left:auto; margin-right:auto; 2.绝对定位和margin-left: -(宽度值/2)实现水平居中 - 固定宽度块级元素水平居中,通过使用绝对定位,以及设置元素margin-left为其宽度的一半 .content{ width: 200px; position: absolute; left: 50%; margin-left: -100px; // 该元素宽度的一半,即100 [...]

2018-05-21T10:59:18+00:00 四月 14th, 2016|分类:前端|标签: |0条评论

CSS 解析原理

作为前端,我们每天都在与CSS打交道,那么CSS的原理是什么呢? 一、浏览器渲染 开篇,我们还是不厌其烦的回顾一下浏览器的渲染过程,先上图: 正如上图所展示的,我们浏览器渲染过程分为了两条主线: 其一,HTML Parser 生成的 DOM 树; 其二,CSS Parser 生成的 Style Rules ; 在这之后,DOM 树与 Style Rules 会生成一个新的对象,也就是我们常说的 Render Tree 渲染树,结合 Layout 绘制在屏幕上,从而展现出来。 本文的重点也就集中在第二条分支上,我们来探究一下 CSS 解析原理。 二、Webkit CSS 解析器 浏览器 CS [...]

2018-05-29T17:26:07+00:00 三月 21st, 2015|分类:前端|标签: |0条评论