美文网首页
0001-CSS-样式基础

0001-CSS-样式基础

作者: 八月飞花 | 来源:发表于2020-04-07 09:26 被阅读0次

什么是CSS

css:层叠样式表
css是为了给DOM元素设置样式而产生的,这是典型的桥接模式和模板方法模式的结合,
将一个综合的事务,拆分成两个独立的子个体,并通过渲染树对齐进行渲染(但其内部
不得所知,只能推测),对内部的每个节点的操作与对根节点的操作基本一致

一般样式

文字样式:一般用于整段文字做处理的样式
字体样式:用于对文字外观设置的样式
背景样式:一般用于盒模型,或文字的背景展示,或色彩填充,图片填充
列表样式:对同一类属性做归类并设置其外观
表格样式:对表格的外观做设置

布局样式

定位样式:用于元素的位置,排列做设置,这种样式决定了页面的种类,页面的展现效果
浮动样式:设置浮动的元素会脱离文档流,并按照指定的规则进行排列
伸缩盒样式:在父元素中设置,对子元素的布局产生影响
显示样式:决定了元素是否展示

动画样式

变换样式:对css的位置做拉伸,平移,缩放,旋转等操作
过渡样式:一般用于交互的动画,可以实现开始和结束的控制
动画样式:是过度样式的升级版本,可控制播放和暂停,并对中间的执行动作做设置

媒体查询样式

媒体查询样式(可归于布局样式):用于对浏览器的窗口的大小改变时,自动调整其内部设置的css样式,一般用于响应式开发

相关文章

  • 0001-CSS-样式基础

    什么是CSS 一般样式 布局样式 动画样式 媒体查询样式

  • Tailwind Base

    添加基础样式 - 使用Tailwind添加全局的基础样式 全局基础样式是样式表开头的样式,用于为基础HTML元素设...

  • css基础(一)

    css基础 样式类型 行内样式 追命 ​ 内部样式 div { color: red ; } ​ ...

  • 25.html代码 表格最基本的使用

    基础表格 预览: 表格基础样式设置

  • 基础样式

    1.字体样式 font-size 设置字体的大小 单位:px是像素 font-family 设置字体的类型 fon...

  • 3、webpack添加样式处理

    基础环境搭建 通过require导入的样式是无法被识别的,需要加载器: 接着基础工程添加样式处理: 1、安装样式插...

  • CSS 初识

    CSS 用来设置HTML外观显示样式。 样式表 内部样式表 行内样式表(内联样式) 外部样式表(外链式) 基础选择...

  • UITableView相关

    1、基础知识 样式 UITableView有两种样式(plain,grouped),其中plain为普通列表样式,...

  • CSS学习资源

    基础篇 CSS 最核心的几个概念 CSS 简写指南 CSS样式基础 CSS样式设置 CSS布局模型 CSS文字排版...

  • 【2016年特别福利】史上最全CSS学习资料大全

    基础篇 CSS 最核心的几个概念 CSS 简写指南 CSS样式基础 CSS样式设置 CSS布局模型 CSS文字排版...

网友评论

      本文标题:0001-CSS-样式基础

      本文链接:https://www.haomeiwen.com/subject/rwfgphtx.html