程序员浩浩

基础属性 盒模型中包含的属性有 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就是我们对应的网页，

蓝湖是一个解决方案：解决了前端开发和UI设置之间的沟通的方案。随着UI设计师的设计工具越来越繁杂，我们不能再像传统的合作模式一样。为了解决这个问题，蓝湖应运而生。不管设计师用的是什么设计软件，上传到蓝