摘要：
@ 1. 维护 css 的弊端 CSS 是一门非程序式语言，没有变量、函数、 SCOPE（作用域）等概念。 CSS 需要书写大量看似没有逻辑的代码， CSS 冗余度是比较高的。 不方便维护及扩展，不利于复用。 CSS 没有很好的计算能力 非前端开发工程师来讲，往往会因为缺少 CSS 编写经验而很难写 阅读全文
posted @ 2021-12-26 10:52
Hong•Guo
阅读(84)
评论(0)
推荐(1)
摘要：
@ CSS 媒体类型 CSS3 多媒体查询 1. 什么是媒体查询 媒体查询（Media Query）是CSS3新语法。 使用 @media查询，可以针对不同的媒体类型定义不同的样式 目前针对很多苹果手机、Android手机，平板等设备都用得到多媒体查询 2. 媒体查询语法规范 用 @media开头 阅读全文
posted @ 2021-12-26 10:33
Hong•Guo
阅读(327)
评论(0)
推荐(0)
摘要：
浏览器私有前缀是为了兼容老版本的写法，比较新版本的浏览器无须添加。padding 和 border 不会撑大盒子 ①私有前缀 -moz-：代表 firefox 浏览器私有属性 -ms-：代表 ie 浏览器私有属性 -webkit-：代表 safari、 chrome 私有属性 -o-：代表 Oper 阅读全文
posted @ 2021-12-26 10:31
Hong•Guo
阅读(70)
评论(0)
推荐(0)
摘要：
@ 1. 传统盒子模型 传统模式宽度计算：盒子的宽度 = CSS中设置的width + border + padding 通过样式box-sizing: content-box;指定盒子的模型（默认） <style> div { /* 传统盒子模型= width + border + padding 阅读全文
posted @ 2021-12-26 10:29
Hong•Guo
阅读(95)
评论(0)
推荐(0)
摘要：
@ 1. 简介 转换(transform)：是CSS3的特征之一，可以实现元素的位移、旋转，缩放等效果。可理解为“变形”。 移动： translate 旋转： rotate 缩放： scale 2. 2D转换 1.) 二维平面坐标系 2D 转换是改变标签在二维平面上的位置和形状的一种技术。 二维坐标 阅读全文
posted @ 2021-12-26 10:05
Hong•Guo
阅读(131)
评论(0)
推荐(0)
摘要：
@ ① 什么是动画 动画是 CSS3 中最具颠覆性的特征之一，可通过设置多个节点来精确的控制一个或者一组动画，从而实现复杂的动画效果 ② 动画的基本使用 先定义动画 在调用定义好的动画 ③ 定义动画 用keyframes 定义动画（类似定义类选择器） @keyframes 动画名称 { 0% { w 阅读全文
posted @ 2021-12-26 09:45
Hong•Guo
阅读(80)
评论(0)
推荐(0)
摘要：
@ 1. 简介 过渡（transition)是CSS3中具有颠覆性的特征之一，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。 过渡动画： 是从一个状态 渐渐的过渡到另外一个状态 可以让我们页面更好看，更动感十足，虽然 低版本浏 阅读全文
posted @ 2021-12-26 09:40
Hong•Guo
阅读(68)
评论(0)
推荐(0)
摘要：
1. 元素的显示与隐藏 | 2. CSS用户界面样式 | 3. vertical-align 垂直对齐 | 4. 溢出的文字省略号显示 | 5. CSS精灵技术（sprite) | 6. 滑动门 | 7. margin负值 | 8. CSS三角形 | 9. css属性书写顺序 | 10. css初始化 阅读全文
posted @ 2021-12-26 09:02
Hong•Guo
阅读(58)
评论(0)
推荐(0)
摘要：
@ 什么是定位 定位是一种更加高级的布局手段， 通过定位可以将元素摆放到页面的任意位置，它有两部分组成：定位 = 定位模式 + 边偏移 偏移量(offset) 当元素开启了定位以后，可以通过偏移量来设置元素的位置 在 CSS 中，通过 （方位名词）top、bottom、left 和 right 属性 阅读全文
posted @ 2021-12-26 08:28
Hong•Guo
阅读(222)
评论(0)
推荐(0)
摘要：
@ CSS 布局的三种机制 网页布局的核心——就是用 CSS 来摆放盒子，CSS 提供了 3 种机制来设置盒子的摆放位置，分别是普通流（标准流）、浮动和定位。 普通流（标准流、文档流） 块级元素会独占一行，从上向下顺序排列。 行内元素会按照顺序，从左到右顺序排列，碰到父元素边缘则自动换行。 浮动 让 阅读全文
posted @ 2021-12-26 00:01
Hong•Guo
阅读(197)
评论(0)
推荐(0)
浙公网安备 33010602011771号