过度约束 什么是CSS 样式过度约束呢？ 一、CSS代码不够精简 代码不够精简，添加过多不必要的约束 例如： 相对定位元素（position: relative; ）的垂直位置由 top 和 bottom 决定，一般来说使用其中一个属性即可。 HTML <div> 我是相对定位元素 <div> CS ...
分类：
Web程序 时间：
2020-03-02 15:06:54
阅读次数：
134
active伪类解决 HTML代码 <div class='box'> </div> CSS代码 .box { width: 100px; height: 100px; background: green; transition: transform 0.3s ease-out; } .box:ac ...
分类：
移动开发 时间：
2020-02-28 01:32:42
阅读次数：
116
sublime 插件教程 CSS 256网络安全色 CSS 颜色十六进制值 CSS Web安全字体 sublime 常用插件详细教程 1.Emmet 插件 功能说明：Emmet是前端开发必备，HTML、CSS代码快速编写神器 安装方法：Ctrl+Shift+P面板，安装插件 使用方法示例：书写代码 ...
分类：
其他好文 时间：
2020-02-26 19:05:49
阅读次数：
60
自定义select样式，下面是CSS代码，主要是那个 appearance 样式 select { width: 220px; margin-left: 12px; padding-left: 12px; height: 31px; line-height: 31px; font-size: 12p ...
分类：
其他好文 时间：
2020-02-25 00:16:20
阅读次数：
64
程序员必须知道的HTML常用代码有哪些? 程序员必须知道的 HTML常用代码 有哪些？ html+css代码 文本设置1、font size: 字号大小?2、font style: 字体格式3、font weight: 字体粗细4、颜色属性color: 文本颜色注意使用网页安全色 超链接设置text ...
分类：
Web程序 时间：
2020-02-23 11:23:17
阅读次数：
122
在使用webpack打包时，将css代码从bundle.js中抽离出来，单独出一个模块，需要用到extract-text-webpack-plugin插件 webpack版本不同，相对于的插件也不同，如下： # for webpack 4 npm install --save-dev mini-cs ...
分类：
Web程序 时间：
2020-02-19 11:34:00
阅读次数：
108
一、CSS的三种使用方式： 1. 内联样式 * 在标签内使用style属性指定css代码 * 如：<div style="color:red;">hello css</div>2. 内部样式 * 在head标签内，定义style标签，style标签的标签体内容就是css代码 * 如： <style> ...
分类：
Web程序 时间：
2020-02-13 20:59:45
阅读次数：
182
实现效果如下图所示： 实现代码： css代码 <style> .layui-upload-img { width: 90px; height: 90px; margin: 0; } .pic-more { width:100%; left; margin: 10px 0px 0px 0px;} .p ...
分类：
编程语言 时间：
2020-02-09 20:04:07
阅读次数：
85
摘自:https://blog.csdn.net/qq_33744228/article/details/80910377 推荐网址:http://emmet.evget.com/ Emmet—写HTML/CSS快到飞起 在前端开发的过程中，最费时间的工作就是写 HTML、CSS 代码。一堆的标签、 ...
分类：
Web程序 时间：
2020-02-03 09:38:21
阅读次数：
97
1.HTML-CSS-JS Prettify HTML-CSSS-JS Prettify插件使用js-beautify来格式化js、html与css代码。可以在这里尝试js-beautify的效果原始代码： // This is just a sample script. Paste your re ...
分类：
Web程序 时间：
2020-01-31 14:32:26
阅读次数：
271
