摘要： CSS3的新特性 CSS3的现状： 新增的CSS3特性有兼容性问题，ie9+才支持 移动端支持优于PC端 不断改进中 应用相对广泛 一、CSS3新增的选择器 CSS3新增的选择器： CSS3新增了一些选择器，可以更加便捷，更加自由选择目标元素。 1、属性选择器 2、结构伪类选择器 3、伪类选择器 1 阅读全文

摘要： CSS初始化 不同浏览器对有些标签的默认值是不同的，为了消除不同浏览器对HTML文本呈现的差异，照顾浏览器的兼容，我们需要对CSS初始化 简单理解：css初始化是指重设浏览器的样式。也称为（CSS reset） 每个网页都必须先进行CSS初始化。 比较经典的初始化： * { margin: 0; p 阅读全文

摘要： CSS的一些高级技巧 一、精灵图 1.为什么需要精灵图？ 一个网页中往往会应用很对小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁的接收和发送请求图片，造成服务器请求压力过大，这将大大降低页面的加载速度。因此，为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度，出现了CSS精灵技 阅读全文

摘要： 元素的显示与隐藏： 类似网站广告，当我们点击就不见了，但是重新刷新页面，会重新出现。 本质：让一个元素在页面中隐藏或者显示出来。 常用的三种方法：display、visibility、overflow 1.display属性： display属性用于设置一个元素如何显示 参数： none：隐藏对象； 阅读全文

摘要： CSS重点-定位 position 为什么需要定位？ 有些效果，标准流或浮动都无法快速实现，此时需要定位来实现： 1.浮动可以让多个块级盒子一行没有缝隙排列显示，经常用于横向排列盒子。 2.定位则是可以让盒子自由的在某个盒子内移动位置或固定屏幕中某个位置，并且可以压住其他盒子。 定位组成： 定位：将 阅读全文

摘要： CSS重点-浮动（float） 传统网页布局的三种方式： 网页布局的本质：用CSS来摆放盒子，把盒子摆放到相应位置。 CSS提供了三种传统布局方式（简单说，就是盒子如何进行排列顺序） 1. 普通流（标准流/文档流）2.浮动（float） 3.定位。 这三种布局方式都是用来摆放盒子的，盒子摆放到合适位 阅读全文

摘要： CSS3中，新增了圆角边框、盒子阴影和文字阴影样式。 一、圆角边框（重要） 在CSS3中，新增了圆角边框的样式，这样我们的盒子就可以变圆角了。 语法： border-radius:length; 其中： radius半径（圆的半径）原理：（椭）圆与边框的交集形成圆角效果 --> border-rad 阅读全文

摘要： CSS-盒子模型 页面布局要学习三大核心，盒子模型，浮动和定位，学习好盒子模型能非常好的帮助我们布局页面。 1.看透网页布局的本质 网页布局过程： （1）先准备好像相关的网页元素，网页元素基本都是盒子Box； （2）利用CSS设置好盒子样式，然后摆放到相应的位置； （3）往盒子里面装内容。 网页布局 阅读全文

摘要： CSS有三个非常重要的特性：层叠性、继承性、优先级。 1.层叠性 相同选择器给设置相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式。层叠性主要解决样式冲突的问题。 层叠性原则 样式冲突，遵循的原则是就近原则，那个样式离结构近，就执行哪个样式 样式不冲突，不会重叠。 <style> div { 阅读全文

摘要： CSS背景属性 CSS 背景属性用于定义HTML元素的背景。 CSS 属性定义背景效果: background-color 背景颜色 background-image 背景图片 background-repeat 背景平铺 background-attachment 背景透明 background- 阅读全文