CSS的三个特性是指层叠性、继承性以及优先级。一、CSS层叠性说明层叠性是多种CSS样式的叠加，是浏览器处理样式冲突的方式。在HTML中对于同一个元素可以有多个CSS样式存在，当有相同权重的样式存在时，会根据这些样式出现的先后顺序来决定，处于最后面的CSS样式将会覆盖前面的CSS样式。举例下面代码，出现一个div标签指定了相同样式不同值的情况，这就是样式冲突。div{color:red;}div{
分类：
Web程序 时间：
2020-06-02 09:23:31
阅读次数：
169
CSS的三个特性是指层叠性、继承性以及优先级。一、CSS层叠性说明层叠性是多种CSS样式的叠加，是浏览器处理样式冲突的方式。在HTML中对于同一个元素可以有多个CSS样式存在，当有相同权重的样式存在时，会根据这些样式出现的先后顺序来决定，处于最后面的CSS样式将会覆盖前面的CSS样式。举例下面代码，出现一个div标签指定了相同样式不同值的情况，这就是样式冲突。div{color:red;}div{
分类：
Web程序 时间：
2020-06-02 09:16:10
阅读次数：
122
MarkMyWords mac版是Macos上一款强大的 Markdown 编辑工具。支持：Markdown + Extra、MultiMarkdown、Textile、Wikitext、BBCode、HTML等语言。内置多种 CSS 样式，并可以使用自己编写的 CSS 样式进行预览。MarkMyW ...
分类：
系统相关 时间：
2020-06-01 12:06:04
阅读次数：
80
css3动画 animation 使用css3动画需要2步 为指定元素添加animation属性及属性值。各浏览器私有属性在前，通用属性在最后。 使用@keyframes定义动画过程名称。各浏览器私有属性在前，通用属性在最后。 animation定义动画的属性值。 @keyframes规则内指定一个 ...
分类：
其他好文 时间：
2020-05-31 16:30:10
阅读次数：
53
原理 父级元素 relative，子元素 absolute，然后通过top、left、right、bottom来设置具体出现位置。 DOM结构 <div class="wrapper-dashed"> <div class="dashed"></div> </div> CSS样式 .wrapper- ...
分类：
Web程序 时间：
2020-05-31 16:15:29
阅读次数：
88
1、打开方式 打开Chrome浏览器，按下F12或者右击空白处然后点击检查 最左边是显示效果，中间是html代码，右边是html样式。 2、样式的修改 点击中间代码框，左上角的小箭头，然后点击css样式，可以直接修改属性的值。也可以点击键盘上的上下箭头，对属性的值进行修改 需要注意的是，调试工具只是 ...
分类：
Web程序 时间：
2020-05-30 10:39:12
阅读次数：
110
HTML文档结构 最基本的HTML文档： <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>css样式优先级</title> </head> <body> </body> </html> <!DOCTYP ...
分类：
Web程序 时间：
2020-05-29 13:44:33
阅读次数：
93
要想将CSS样式应用于特定的HTML元素，首先需要找到该目标元素。选择器是选择要添加要是的HTML标签的一种方式、模式。 CSS2.1版本的七种选择器: 基础选择器: 标签选择器、id选择器、类选择器、通配符选择器 高级选择器: 后端选择器、交集选择器、并集选择器 基础选择器 标签选择器 通过标签名 ...
分类：
Web程序 时间：
2020-05-28 01:01:27
阅读次数：
104
插件的基本作用就是生成html文件，原理很简单： 将 webpack 中 entry 配置的相关入口 chunk 和 extract-text-webpack-plugin 抽取的 css 样式 插入到该组件提供的 template 或者 templateContent 配置项指定的内容基础上生成一 ...
分类：
Web程序 时间：
2020-05-25 17:36:42
阅读次数：
166
分享一张可以用来做动态背景的gif 通过css样式可实现： ...
分类：
Web程序 时间：
2020-05-25 17:25:35
阅读次数：
79
