什么是CSS
css:层叠样式表
css是为了给DOM元素设置样式而产生的,这是典型的桥接模式和模板方法模式的结合,
将一个综合的事务,拆分成两个独立的子个体,并通过渲染树对齐进行渲染(但其内部
不得所知,只能推测),对内部的每个节点的操作与对根节点的操作基本一致
一般样式
文字样式:一般用于整段文字做处理的样式
字体样式:用于对文字外观设置的样式
背景样式:一般用于盒模型,或文字的背景展示,或色彩填充,图片填充
列表样式:对同一类属性做归类并设置其外观
表格样式:对表格的外观做设置
布局样式
定位样式:用于元素的位置,排列做设置,这种样式决定了页面的种类,页面的展现效果
浮动样式:设置浮动的元素会脱离文档流,并按照指定的规则进行排列
伸缩盒样式:在父元素中设置,对子元素的布局产生影响
显示样式:决定了元素是否展示
动画样式
变换样式:对css的位置做拉伸,平移,缩放,旋转等操作
过渡样式:一般用于交互的动画,可以实现开始和结束的控制
动画样式:是过度样式的升级版本,可控制播放和暂停,并对中间的执行动作做设置
媒体查询样式
媒体查询样式(可归于布局样式):用于对浏览器的窗口的大小改变时,自动调整其内部设置的css样式,一般用于响应式开发
网友评论