摘要: 7.1 看透网页布局的本质 网页布局过程∶ 先准备好相关的网页元素,网页元素基本都是盒子Box。 利用CSS设置好盒子样式,然后摆放到相应位置。 往盒子里面装内容. 网页布局的核心本质:就是利用CSS摆盒子。 7.2 盒子模型(Box Model )组成 所谓盒子模型︰就是把HTML页面中的布局元素 阅读全文
posted @ 2021-01-23 15:20 琴时 阅读(138) 评论(0) 推荐(0) 编辑
摘要: CSS的三大特性 CSS有三个非常重要的三个特性∶层叠性、继承性、优先级。 6.1 层叠性 相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。层叠性主要解决样式传统的问题 层叠性原则: 样式冲突,遵循的原则是就近原则,哪个样式离结构近,就执行哪个样式 样式不冲突,不会层叠 6 阅读全文
posted @ 2021-01-23 15:12 琴时 阅读(204) 评论(0) 推荐(0) 编辑
摘要: CSS的背景 通过CSS背景属性,可以给页面元素添加背景样式。 背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。 5.1 背景颜色 background-color属性定义了元素的背景颜色。 一般情况下元素背景颜色默认值是transparent(透明),我们也可以手动指定 阅读全文
posted @ 2021-01-23 15:10 琴时 阅读(95) 评论(0) 推荐(0) 编辑
摘要: CSS的元素显示模式 了解元素的显示模式可以更好的让我们布局页面. 什么是元素的显示模式 元素显示模式的分类 元素显示模式的转换 4.1 什么是元素显示模式 作用:网页的标签非常多,在不同地方会用到不同类型的标签,了解他们的特点可以更好的布局我们的网页。 ​ 元素显示模式就是元素(标签)以什么方式进 阅读全文
posted @ 2021-01-23 15:09 琴时 阅读(66) 评论(0) 推荐(0) 编辑
摘要: 3.1 什么是复合选择器 在CSS中,可以根据选择器的类型把选择器分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上,对基本选择器进行组合形成的。 复合选择器可以更准确、更高效的选择目标元素(标签) 复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的 常用的复合选择器包括:后代选 阅读全文
posted @ 2021-01-23 14:55 琴时 阅读(155) 评论(0) 推荐(0) 编辑
摘要: CSS文本属性 CSS Text(文本)属性可定义文本的外观,比如文本的颜色、对齐文本装饰文本、文本缩进、行间距等。 2.1 color文本颜色 color: red;color: #ffffff;color: rgb(255,0,255) 2.2 text-align对齐文本 text-align 阅读全文
posted @ 2021-01-23 14:54 琴时 阅读(80) 评论(0) 推荐(0) 编辑
摘要: CSS字体属性 CSS Fonts(字体属性用于定义字体系列、大小、粗细、和字样式(如斜体) 1.1 font-family字体系列 font-family:"傲软雅黑";font-family:Arial,"Microsoft Yahei";最常见的几个字体:font-family: "Micro 阅读全文
posted @ 2021-01-23 14:50 琴时 阅读(179) 评论(0) 推荐(0) 编辑