摘要:
###为什么需要定位 以下情况使用标准流或者浮动能实现吗? 某个元素可以自由的在一个盒子内移动位置,并且压住其他盒子. 当我们滚动窗口的时候,盒子是固定屏幕某个位置的。 以上效果,标准流或浮动都无法快速实现,此时需要定位来实现。 所以: 浮动可以让多个块级盒子一行没有缝隙排列显示, 经常用于横向排列 阅读全文
摘要:
###标准流(普通流/文档流) 所谓的标准流: 就是标签按照规定好默认方式排列. 块级元素会独占一行,从上向下顺序排列。 常用元素:div、hr、p、h1~h6、ul、ol、dl、form、table 行内元素会按照顺序,从左到右顺序排列,碰到父元素边缘则自动换行。 常用元素:span、a、 阅读全文
摘要:
###网页布局的本质 网页布局过程: 先准备好相关的网页元素,网页元素基本都是盒子 Box 。 利用 CSS 设置好盒子样式,然后摆放到相应位置。 往盒子里面装内容. 网页布局的核心本质: 就是利用 CSS 摆盒子。 ###盒子模型: 就是把 HTML 页面中的布局元素看作是一个矩形的盒子,也就是一 阅读全文
摘要:
CSS 有三个非常重要的三个特性:层叠性、继承性、优先级。 ###层叠性 相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。层叠性主要解决样式冲突 的问题 层叠性原则: 样式冲突,遵循的原则是就近原则,哪个样式离结构近,就执行哪个样式 样式不冲突,不会层叠 代码从上到下执行, 阅读全文
摘要:
通过 CSS 背景属性,可以给页面元素添加背景样式。 背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。 ###背景颜色 background-color 属性定义了元素的背景颜色。 background-color:颜色值; 一般情况下元素背景颜色默认值是 transpa 阅读全文
摘要:
元素显示模式就是元素(标签)以什么方式进行显示,比如<div>自己占一行,比如一行可以放多个<span>。 HTML 元素一般分为块元素和行内元素两种类型 ###块元素 常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等,其中 <div> 标签是最典型的块元素。 块 阅读全文
摘要:
###CSS Text(文本)属性可定义文本的外观,比如文本的颜色、对齐文本、装饰文本、文本缩进、行间距等。 ###文本颜色 (MDN) color 属性用于定义文本的颜色。 div { color: red; } 开发中最常用的是十六进制. 文本对齐 (MDN) text-align 属性用于设置 阅读全文