层叠顺序,英文称作 stacking order,表示元素发生层叠时有着特 定的垂直显示顺序。下面是盒模型的层叠规则:对于上图,由上到下分别是:(1)背景和边框:建立当前层叠上下文元素的背景和边框。(2)负的 z-i...
先来看两个相关的概念:Box: Box 是 CSS 布局的对象和基本单位,⼀个⻚⾯是由很多个 Box 组成的,这个 Box 就是我们所说的盒模型。Formatting context:块级上下⽂格式化,它是⻚⾯中的⼀块渲染区 域,并且有⼀套...
设置display属性为none,或者设置visibility属性为hidden,或者opacity:0技巧性:设置宽高为0,设置透明度为0,设置z-index位置在-1000...
改版的时候更方便只要改 css 文件。页面加载速度更快、结构化清晰、页面显示简洁。表现与结构相分离。易于优化(seo)搜索引擎更友好,排名更容易靠前。...
文档结构XHTML DOCTYPE 是强制性的<html> 中的 XML namespace 属性是强制性的<html>、<head>、<title> 以及 <body> 也是强制...
div标签是块级元素,拥有块级元素的特点。每对div标签(<div></div>)里的内容都可以占据一行,不会和其他标签在一行显示;div标签总是从新行开始显示;且div标签可以通过css样式来设置自身的宽度(也可省...
text 文本框password 密码框radio 单选按钮checkbox 复选框file 文件选择域hidden 隐藏域button 按钮re...
利用绝对定位,先将元素的左上角通过 top:50%和 left:50%定位到页 面的中心,然后再通过 translate 来调整元素的中心点到页面的中心。 该方法需要考虑浏览器兼容问题。利用绝对定位,设置四个方向的值都为 0,并将 marg...
常用的布局单位包括像素(px),百分比(%),em,rem,vw/vh。(1)像素(px)是页面布局的基础,一个像素表示终端(电脑、手 机、平板等)屏幕所能显示的最小的区域,像素分为两种类型:CSS 像素和物理像素:CSS 像素:为 web...
CSS 工程化是为了解决以下问题:1.宏观设计:CSS 代码如何组织、如何拆分、模块结构怎样设计?2.编码优化:怎样写出更好的 CSS?3.构建:如何处理我的 CSS,才能让它的打包结果最优?...
浏览:1929
浏览:1285
浏览:1242
浏览:937
浏览:814
浏览:796
浏览:762
浏览:717
浏览:700
浏览:614
29
浏览:126
浏览:123
浏览:110
浏览:131
浏览:116
13
浏览:124
浏览:115
浏览:120
12
浏览:157
浏览:98