Vam的金豆之路的博客_HTML、CSS

html

css

原创 2022-03-08 14:52:47 86 阅读

你知道css圣杯布局与双飞翼布局吗？

圣杯布局<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta -equi...

html

双飞翼布局

原创 2022-03-08 14:44:21 29 阅读

关于CSS预处理器less的使用（未完待续）

简单明了，直接上教程：下面我们先大体了解些我接下来讲的less的功能特性：属性嵌套混合方法继承导入函数其他1、属性（1）、值变量@dividerColor:#000; div{ background: @dividerColor;} （2）、选择器变量@footer: .footer;@{footer}{}（3）、属性变量@color:co...

命名空间

选择器

css

原创 2022-03-08 14:42:45 86 阅读

移动端video兼容你需要知道的几点

<video :src="item" loop poster="://image3.xyzs.com/upload/e1/7c/14405518673169/20150827/144067879418296_0.jpg" webkit-playsinline="true" x5-playsinline="...

ide

h5

原创 2022-03-08 14:42:26 226 阅读

用svg画一个梯形角标

活不多说，直接上代码。 <div class="status0" > <svg class="rect" width="120px" height="200px"> <polygon points="50,0 100,0 125,30 125,80 " class="pp"/> </svg...

角标

原创 2022-03-08 14:25:31 536 阅读 1点赞

css写一个原生switch开关按钮

你好，我是Vam的金豆之路，可以叫我豆哥。2019年年度博客之星、

html

5e

微信

原创 2022-03-08 14:12:48 586 阅读

CSS之纪念日主题网页变灰

你好，我是Vam的金豆之路，可以叫我豆哥。2019年年度博客之星

微信

技术交流

微信公众号

原创 2022-03-08 14:12:27 66 阅读

你会用css写一个加载动画吗？

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta -equiv="X-UA-Comp...

html

css

原创 2022-02-28 09:50:43 96 阅读

页面的回流与重绘

页面呈现的具体过程Step1浏览器把获取到的HTML代码解析成1个DOM树，

重绘

css

缓存

原创 2022-02-05 15:13:58 96 阅读

你会用css写一个加载动画吗？

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">

html

css

原创 2021-08-27 10:57:10 95 阅读

页面的回流与重绘

页面呈现的具体过程Step1浏览器把获取到的HTML代码解析成1个DOM树，HTML中的每个tag都是DOM树中的1个节点，根节点就是我们常用的document对象。DOM树里包含了所有HTML标签，包括使用了display:none隐藏的元素，还有用JS动态添加的元素等。Step2浏览器把所有样式（用户定义的CSS和用户代理）解析成样式结构体（CSSOM树），在解析的过程中会去掉浏览器不能识别的样式，比如IE会去掉-moz开头的样式，而FF会去掉_开头的样式。Step3DOM树和样式结构体（

重绘

css

缓存

边距

dom操作

原创 2021-08-26 14:39:29 242 阅读

css写一个原生switch开关按钮

，本博文主要讲述【】，文字通...

html

5e

微信

开关按钮

微信公众号

原创 2021-08-26 14:35:31 1052 阅读

CSS之纪念日主题网页变灰

最后自己也创建了一个微信公众号，里面的文章是我自己精挑细选的文章，主要介绍各种IT新技术。欢迎关注哦，微信搜索：臻美IT，等你来。欢迎阅读本博文，本博文主要讲述【CSS之纪...

微信

微信公众号

html

microsoft

技术交流

原创 2021-08-26 14:15:02 215 阅读

用svg画一个梯形角标

活不多说，直接上代码。 <div class="status0" > <svg class="rect" width="120px" height="200px"> <polygon points="50,0 100,0 125,30 125,80 " class="pp"/> </svg...

其他

原创 2021-08-26 11:32:06 1157 阅读

让我们来实现一个css三级导航

<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title></title> <style type="text/css"> *{ margin: 0px; padding:

html

css

干货

原创 2021-08-26 10:59:55 77 阅读

你知道css圣杯布局与双飞翼布局吗？

圣杯布局<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equi...

html

双飞翼布局

干货

原创 2021-08-26 10:55:07 127 阅读

关于CSS预处理器less的使用（未完待续）

简单明了，直接上教程：下面我们先大体了解些我接下来讲的less的功能特性：属性嵌套混合方法继承导入函数其他1、属性（1）、值变量@dividerColor:#000; div{ background: @dividerColor;} （2）、选择器变量@footer: .footer;@{footer}{}（3）、属性变量@color:co...

命名空间

选择器

css

嵌套

运算符

原创 2021-08-26 10:54:55 77 阅读

移动端video兼容你需要知道的几点

<video :src="item" loop poster="http://image3.xyzs.com/upload/e1/7c/1440551648673169/20150827/144067879418296_0.jpg" webkit-playsinline="true" x5-playsinline="...

ide

h5

干货

原创 2021-08-26 10:51:12 50 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

wx6124cb1b73be0的博客

欢迎

让我们来实现一个css三级导航

你知道css圣杯布局与双飞翼布局吗？

关于CSS预处理器less的使用（未完待续）

移动端video兼容你需要知道的几点

用svg画一个梯形角标

css写一个原生switch开关按钮

CSS之纪念日主题网页变灰

你会用css写一个加载动画吗？

页面的回流与重绘

你会用css写一个加载动画吗？

页面的回流与重绘

css写一个原生switch开关按钮

CSS之纪念日主题网页变灰

用svg画一个梯形角标

让我们来实现一个css三级导航

你知道css圣杯布局与双飞翼布局吗？

关于CSS预处理器less的使用（未完待续）

移动端video兼容你需要知道的几点