CSS

基础属性 盒模型中包含的属性有 width height padding border margin 盒模型区域 蓝色区域是content-box绿色区域是padding-box黄色区域是border

背景图是一个装饰,作为替代背景色的一种装饰，一般我们把图标用背景图展示 语法 背景图使用background或者background-image进行定义 因为一般情况下CSS是单独存放在CSS文件夹中

在我们进行布局的过程中，选择器的层级越来越多，经常会导致我们写的样式，不生效。就是在f12工具里选中后，样式有，但是被划了横线。 1. 基础选择器的优先级 标签选择器、类选择器、id选择器当选择器相同

在我们进行相关的操作时，例如：鼠标移入，鼠标按下，获取焦点，禁用，选中，链接访问后，等，都代表着同一个元素的不同状态。 常见的伪类状态有： 鼠标移入 hover 鼠标按下 active 超链接未访问

网站上有很多的图标随着时代的发展，字体图标慢慢的替代了图片图标，字体图标有以下几个特性 方便设置大小（本质上就是文字，无论如何放大都不失真。） 方便设置颜色（本质上是文字，设置color就可以改变颜色

定位在网页布局的应用中很重要，在我们使用这个属性时，不要滥用。定位分为四类定位：相对定位、绝对定位、固定定位、粘性定位。我们可以使用position属性来定义我们对应的元素的定位模式，

浮动最早出现的时候不是为了做整个页面布局的，他是为了实现一种效果，叫文字环绕。后来因为浮动的属性特殊，用来做横向布局使用。所以学习完浮动后，我们遇到横向布局，可以直接用浮动实现。浮动这个属性未来一定会

一个项目中包含的资源有html、css、js、img、字体文件，我们目前学习到的只有img html css。所以在我们对应的位置上，我们可以先创建如下目录结构 HTML html就是我们对应的网页，

在浏览器中，开发者工具中，点击每一个元素都可以看到对应的一个模型可以看到以下内容 蓝色 content-box 指的是内容区域 绿色 padding-box 指的是padding 黄色 border-

1. 宽度和高度 在我们的网页上，很多元素都有自己的宽高用来限制内部元素的范围。 width 宽度 height 高度 宽度和高度只能给有块元素特性的元素设置。给行内元素设置时无效。 宽高设置的可以是

1. 文字属性 1.1. 文字大小 font-size 网页上默认文字大小是16px。一般一些网站在开发时，会统一设置为14px。整体效果会更好看。 fontsize中可以写很多类型的值，这些值我们用

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态