随笔分类 -  CSS

css学习笔记
移动web开发之rem布局
摘要：rem基础 rem单位 rem (root em)是一个相对单位，类似于em，em是父元素字体大小。 不同的是rem的基准是相对于html元素的字体大小。 比如，根元素（html）设置font-size=12px; 非根元素设置width:2rem; 则换成px表示就是24px。 /* 根html 阅读全文
posted @ 2022-01-18 15:47 awsoyou 阅读(65) 评论(0) 推荐(0)
移动web开发——flex布局
摘要：1.0传统布局和flex布局对比 1.1传统布局 兼容性好 布局繁琐 局限性，不能再移动端很好的布局 1.2 flex布局 操作方便，布局极其简单，移动端使用比较广泛 pc端浏览器支持情况比较差 IE11或更低版本不支持flex或仅支持部分 1.3 建议 如果是pc端页面布局，还是采用传统方式 如果 阅读全文
posted @ 2022-01-18 15:45 awsoyou 阅读(47) 评论(0) 推荐(0)
HTML5+CSS3-03
摘要：cHTML5 第三天 一、 认识 3D 转换 3D 的特点 近大远小 物体和面遮挡不可见 三维坐标系 x 轴：水平向右 -- 注意：x 轴右边是正值，左边是负值 y 轴：垂直向下 -- 注意：y 轴下面是正值，上面是负值 z 轴：垂直屏幕 -- 注意：往外边的是正值，往里面的是负值 ​ 二、3D 转 阅读全文
posted @ 2022-01-18 15:41 awsoyou 阅读(46) 评论(0) 推荐(0)
HTML5+CSS3-02
摘要：HTML5 第二天 一、rotate 2d旋转指的是让元素在2维平面内顺时针旋转或者逆时针旋转 使用步骤： 给元素添加转换属性 transform 属性值为 rotate(角度) 如 transform:rotate(30deg) 顺时针方向旋转30度 div{ transform: rotate( 阅读全文
posted @ 2022-01-18 15:39 awsoyou 阅读(44) 评论(0) 推荐(0)
HTML5+CSS3-01
摘要：HTML5 第一天 一、什么是 HTML5 HTML5 的概念与定义 定义：HTML5 定义了 HTML 标准的最新版本，是对 HTML 的第五次重大修改，号称下一代的 HTML 两个概念： 是一个新版本的 HTML 语言，定义了新的标签、特性和属性 拥有一个强大的技术集，这些技术集是指： HTML 阅读全文
posted @ 2022-01-18 15:34 awsoyou 阅读(43) 评论(0) 推荐(0)
CSS第四天
摘要：css第03天 一、其他样式 1、圆角边框 在 CSS3 中，新增了圆角边框样式，这样我们的盒子就可以变圆角了。 border-radius 属性用于设置元素的外边框圆角。 语法： border-radius:length; 参数值可以为数值或百分比的形式 如果是正方形，想要设置为一个圆，把数值修改 阅读全文
posted @ 2021-11-14 21:32 awsoyou 阅读(41) 评论(0) 推荐(0)
CSS第三天
摘要：css第03天 一、css三大特性 1、层叠性 ​ 相同选择器给设置相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式。层叠性主要解决样式冲突的问题 ​ 层叠性原则: 样式冲突，遵循的原则是就近原则，哪个样式离结构近，就执行哪个样式 样式不冲突，不会层叠 2、继承性 ​ CSS中的继承: 子标 阅读全文
posted @ 2021-11-14 15:44 awsoyou 阅读(48) 评论(0) 推荐(0)
CSS第二天
摘要：css第二天 一、emmet语法 1、简介 ​ Emmet语法的前身是Zen coding,它使用缩写,来提高html/css的编写速度, Vscode内部已经集成该语法。 ​ 快速生成HTML结构语法 ​ 快速生成CSS样式语法 2、快速生成HTML结构语法 生成标签 直接输入标签名 按tab键即 阅读全文
posted @ 2021-11-14 15:13 awsoyou 阅读(54) 评论(1) 推荐(0)
CSS第一天
摘要：##css第一天总结 ###css简介 CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称. 有时我们也会称之为 CSS 样式表或级联样式表。 CSS 是也是一种标记语言 CSS 主要用于设置 HTML 页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边 阅读全文
posted @ 2021-11-14 14:31 awsoyou 阅读(58) 评论(0) 推荐(0)