一，css入门知识 1.1 web标准 不是一个标准，是一系列标准。 网页组成部分：内容（所有东西），结构（使内容更加清晰），变现（使网页更加美观），行为(网页和用户的交互) 结构标准：HTML,XHTML,XML 表现标准：css 行为标准：JavaScript web标准制定的目的：为了让同一个页面在不同的浏览器或者终端设备看到的效果一致 1.2什么是css Cascading Style Sheets即层叠样式表简称样式表 1.3css的作用 1，减少重复格式化，减少网页体积，加快下载访问速度 2，便于更新和维护 3，符合内容与变现形式分离的原则 4，实现HTML格式不能实现的高级功能 1.4 css3 1，css3是css规范的最新版 2，css3的兼容问题（面试题） 同一个页面在不同的浏览器或者版本看到的效果不一致 处理方式：添加私有前缀（面试） 谷歌 -webkit- 火狐 -moz- IE -ms- 欧朋 -o- 标准的属性放在最后 1.5 css3的新特性 选择器、文字颜色特效，背景和边框、盒子模型、布局、过度、动画、2D/3D转换 二，css基本语法 2.1 css的三个组成部分 选择器+属性+属性值 2.2 css语法 选择器{ 属性：属性值； 属性：属性值： } 注意：所有的符号都为英文状态下，属性和属性值之间用冒号，属性值之后必须有分号 2.3 css 的注释 css的注释采用/* */ 快捷键ctrl+/ 2.4 css常用属性 文字颜色 color：颜色的英文 文字加粗 font-weight:blod; 文字大小 font-size:px; 2.5三种引用方式的区别 内联式不够灵活，和HTML没有分开，优先级最高 内部式和HTML没有分开 外链式在实际项目中使用，练习使用内联式和内部式 三，选择器 一种匹配模式，用于选择想要设置样式的元素 3.1 基本选择器 1， * 选中所有元素（通用选择器） 语法：{ } 2，标签选择器：选中对应的标签（元素选择器） 语法：标签名{ } 3，类选择器：选中所有对应指定类名的元素 语法： .类名{ } 例如：
你好
注意：类名不能以数字开头 4，id选择器：选中对应的id名元素 语法：#id名{ } 例如你好
3.2 id和类的区别 id名唯一（同一个页面只能有一个相同的id,同一个元素只能有一个id） 一个元素可以有多个类名，不同元素可以有相同的类名 设置多个类名的方式：class="类名1 类名2 类名3" 3.3 层次选择器 1，后代选择器 语法 e f{ }代表选中e的后代f 2，子代选择器 语法 e>f{ } 代表选中e的儿子f 3，并列选择器 语法 e,f{ }代表选中e和f 注意：e和f没有关系3.4 伪类选择器 鼠标悬停 e:hover{ } 鼠标悬停在e上面的样式设置 注意： ：hover是一个整体，不准有空格之类
