头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载：download 子导航：subnav 菜单：menu 子菜单：submenu 搜索：search 友情链接：friendlink 页脚：footer ...
请看代码： 复制代码代码如下:<div style="border:1px solid red;width:1px;height:1px;background-color:yellow;"></div> 显示的结果应该是个小点，但是在ie下就是显示一个竖长条，就是说height无效，这就是IE一bug 解决办法，添加overflow:hidden; 复制代码代码如下:<div style="border:1px solid red;width:1px;height:1px;background-color:yellow;overflow:hidden;"></div> 解决问题。原文：http://www.jb51.net/css/75908.ht...
一、CSS与HTML的四种结合方式：/*方法一：使用标签中的style属性*/ <div style="background-color:red;color:green;"> /*方法二：使用style标签*/ <style>标签，写在head里面<style type="text/css">css代码;</style><style type="text/css"> div {background-color:blue;color: red;} </style> /*方法三：使用@import语句*/ 在style标签里面 使用语句（兼容性差）@import url(css文件的路径);<style type="text/css">@import url...
业务场景：比如某个按钮大小已经固定了，但是需求点击按钮周边就可以触发点击事件。设置一下before属性里面的height,width就是设置你要点击的范围。 rem是css3中新增加的一个单位属性(font size of the root element),根据页面的根节点的字体大小进行转变的单位。root！！！！！！！！！根节点，也就是需要扩大点击事件的html元素例：(下面例子中的根节点是html ，它的字体大小是100px，所以根节点下面的元素所设置的rem，都是1rem...
CSS样式优先级行内>内部>外部使用!important的css定义是拥有最高的优先级的。只是在ie6下出了一点小的bug，注意书写方式一般可以轻松避开的。CSS中的!important一般都是用于对低版本的除了iE 6 ，用来做hack的，后面缀上了!important的css语句，让浏览器首选执行这个语句，因为css有继承的样式，加上!importanrt可以覆盖父级的样式。 IE6不认识它的，IE7和别的浏览器中可以用，用来处理浏览器的兼容性 .padding-l-r p span{ fon...
一般写css中常用的标识符命名是英文单词组合。某天碰到有人问到可以使用._1这样子的命名吗？然后傻眼了，没有想过是否有这种命名方式In CSS, identifiers (including element names, classes, and IDs in selectors) can contain only the characters [a-zA-Z0-9] and ISO 10646 characters U+00A0 and higher, plus the hyphen (-) and the underscore (_); they cannot start with a digit, two hyphens, or a hyphen followed b...
写网页是先写html，再写css的。没有左浮动会是这样： 添加float:left;后会是这样： 所以左浮动很重要。 原文：https://www.cnblogs.com/liaoxiaolao/p/9738895.html
1. 如何选择指定div下的所有的H1、H2...标题？ 如div的Id为:cnblogs_post_body 我原来定义的CSS是：1#cnblogs_post_body H1 H2 H3 H4 2 { 3 color:#FFFFFF; 4 background-color: #556b2f; 5 }结果没有达到预期的效果。后来将CSS定义为：1#cnblogs_post_body H1, #cnblogs_post_body H2,#cnblogs_post_body H3,#cnblogs_post_body H4 2 { 3 color:#FFFFFF; 4 background-color: #556b2f; 5 }效果如下：H1H2H3H4 2. 如何编写CSS，...
.box {/*非IE的主流浏览器识别的垂直居中的方法*/display: table-cell;vertical-align:middle;/*设置水平居中*/text-align:center;/* 针对IE的Hack */*display: block;*font-size: 175px;/*约为高度的0.873，200*0.873 约为175*/*font-family:Arial;/*防止非utf-8引起的hack失效问题，如gbk编码*/width:200px;height:200px;border: 1px solid #eee;}.box img {/*设置图片垂直居中*/vertical-align:middle;} 原文：http://www.cnblo...
今天读了篇关于如何使用css3创建3d四面体的文章，觉的相当不错，所以拿出来和大家分享一下。 首先要和大家分享的是，如何使用div+css创建三角形。在这里我先把相关代码粘贴出来，然后再为大家讲解原理。 html： 复制代码代码如下:<div id="pyramid"> <div></div> </div> css： 复制代码代码如下:<style type="text/css"> #pyramid { position: relative; margin: 100px auto; height: 500px; width: 100px; } #pyramid > div { po...
Less 是一门 CSS 预处理语言，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展。Less 可以运行在 Node 或浏览器端。特点：优点：变量 - 它可以让你更轻松的在整个样式表中定义和更改值（这个功能 CSS 在未来某一天也有可能会实现）。动态计算值 - CSS 中最近出了一个 cal()， 但它只适合用于长度的计算。Mixins - 可以让你重用或者组合样式，而且支持传递参数。函数 - 它为你提供了一些方便的程序去操纵...
效果如下。 See the Pen wKvrMa by moyu (@MoYu1991) on CodePen./*-1;t--){var a=this._getParamsFromAttributes(e[t]);if(a=this._convertOldDataAttributesToNewDataAttributes(a),a.user=this._findUsernameForURL(a,e[t]),this._paramsHasRequiredAttributes(a)){var n=this._buildURL(a),r=this._buildIFrame(a,n);this._addIFrameToPage(e[t],r)}}},_findUsernameForURL:function(e,t){if("string"==typeof e.user)return e...
//autoload.js 1 ;! function(e) {2var autoload = e.autoload || {};3 e.autoload = autoload;4 e.autoload = newfunction() {5this.options = {6 id: ‘autoload‘,7 }8var o = this.options;9this.include = function(_opt) { 10 o = _opt; 11var id = document.getElementById(‘autoload‘); 12if(typeof id!==‘undefined‘){ 13var cssid = id.getAttribute(‘css‘); 14var jsid =...
用dom设置样式element.style.property = value 何时用dom脚本设置样式作者写到：绝大多数的现代浏览器，虽然对css伪类的支持不是很完整，但是对dom都有良好的支持，所以需要考虑的是问题最简单的解决方案是什么，哪种解决方案会得到更多的浏览器支持。在尝试了书中dom设置的实例以后，虽然代码比css要多很多，但是有一种操纵的快感，这应该是dom编程的艺术所在吧，有一种后端语言的感觉，至于实际使用中的选择，见仁见智做出更适合...
事情发生在我安装element-plus之后，vue服务器直接报错了。 然后，查看了一下npm list，最后执行了npm install sass-loader 好了 原文：https://www.cnblogs.com/qinghuaL/p/14766560.html