[HTML5学习]HTML5课程大纲介绍_cssl知识点整理

css2

CSS即层叠样式表（Cascading StyleSheet）。 在网页制作时采用层叠样式表技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。

css3

CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括： 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。

• 什么是css?
• 什么是内容，样式，行为?
• css的引入方式及优缺点
• css语法
• 选择器及优先级{通配选择器/元素选择器/id/类选择器/群组/层级选择器/伪类选择器{目标伪类/语言伪类/动态伪类/结构伪类/否定伪类}
• 伪元素{::first-letter/::first-line/::before/::after/::seletion}
• 字体样式设置{font/font-family/font-size/font-weight/font-weight/font复合写法/sans-serif与serif的区别}
• 文本样式设置{color/text-align/text-decoration/text-indent/direction/line-height/text-shadow文字阴影/text-overflow/word-wrap,word-break,white-space}
• 列表样式设置{list-style-type/list-style}
• css背景{background-color/rgba()/hsla()/background-origin/background-clip/background-size/background-repeat/background-image/background-position/background-attchment/多背景}
• 盒模型解析{TRBL法则/width/height/margin/padding/box-sizing/border-color/border-style/border-width/border-image/border-radius圆角/box-shadow阴影/outline/overflow}
• 定位{position:relative/absolute/fixed/}
• 滤镜{opacity/alpha(opacity=0-100)}
• 浮动布局float{float浮动的原理/浮动引发的常见问题/清除浮动几种方法}
• 响应式伸缩性布局{什么是响应式伸缩性布局？/兼容情况/display/flex-direction/flex-wrap/flex-flow/justify-content/align-item/align-content/order/flex-grow/flex-shrink/flex-basis/flex复合写法}
• 多列布局{多列布局的兼容情况/columns属性解析/column-count/column-fill/column-gap/column-rule/column-rule-color/column-rule-style/column-rule-width/column-span/column-width}
• 渐变{渐变的兼容情况/linear-gradient线性渐变/radial-gradient径向渐变/repeating-linear-gradient/repeating-radial-gradient}
• transform变形{translate(x,y)/translateX()/translateY/rotate()/scale()/skew()/matrix()}
• 过渡{transition、触发过渡...}
• 动画{@keyframes关键帧、动画设置、动画属性、动画调用...}
• Media Query && Responsive 媒体查询
• @font-face 嵌入web字体
• 移动端布局基础
• 移动端常见屏幕尺寸{iphone4/4s/5/5s/6/plus... |小米|魅族|三星|ipad...}
• viewport设置{width/user-scalable/initial-scale/minimum-scale/maximum-scale}
• ...
• LESSCSS is More,Than css

• LESSCSS是一种动态样式语言，属于CSS预处理语言的一种，它使用类似CSS的语法，为CSS的赋予了动态语言的特性，如变量、继承、运算、函数等，更方便CSS的编写和维护。LESSCSS可以在多种语言、环境中使用，包括浏览器端、桌面客户端、服务端。

• SASS

• Sass是一门非常优秀的CSS预处语言，他是由Hampton Catlin创立的。它可以减化CSS的工作流，使开发者更加容易开发，维护CSS样式。