h5 css纲要

1.HTML5(简单)

8年发展 - 定制了标准

UI界面跨平台 - 写一份HTML5代码, 这个界面就可以运行到任何手机平台

运行平台: 浏览器

移动先行

访问手机相册\打电话\拍照 - 原生

手机app的开发模式

1> 原生

2> 原生 + HTML5

2.自定义控制器的切换, iPad(中等)

3.运行时(高级 - 中等)

4.自定义布局(高级 - 中等)

UICollectionView UICollectionViewFlowLayout

5.Java --> web + android

6.网站和网页

网站 = N个网页(单个文件) + 服务器支持 + 数据库 + ...

7.工程师分工

平面设计师(HTML + CSS) : 静态页面

前端工程师(HTML + JS) : 将动态数据渲染到静态页面 == 动态页面

后台工程师(服务器 + 数据库) : 动态数据

移动工程师(iOS) : UI界面 + 跟服务器交互

8.前端开发工具

sublime text : 拓展性非常强(安装各种插件)\配色经典

Dreamwaver : 美工(Adobe公司开发)

Eclipse : 主要开发Java程序

WebStorm : 自带了各种插件

网页三剑客 = Dreamwaver + Flash + Fireworks

9.CSS

注释 : /* 注释 */

2大核心 : 选择器 + 属性

选择器

1> div .tom : 后代选择器, 找到div里面class="tom"的所有子标签

2> div > .tom : 直接后代选择器, 找到div里面class="tom"的直接子标签

3> div.tom : 复合选择器, 找到class="tom"的div标签

4> div , .tom : 并列选择器, 找到div标签 或者 class="tom"的标签

5> div + .tom : 相邻兄弟选择器, 找到跟div标签相邻的class="tom"的标签

CSS的优先级的原则(从上往下, 优先级越来越低)

1> 带有!important的样式

2> 在style属性中的样式

3> 比较选择器的优先级, 选择器优先级高的会覆盖优先级低的

a) 针对性越强(范围越小)的选择器, 优先级越高

b) 针对性越弱(范围越大)的选择器, 优先级越低

4> 比较选择器的先后顺序, 后面的会覆盖前面的(在选择器的优先级相等时)

10.HTML

注释 :