最终效果 代码 /<\s*\/?\s*(*?**>/g 完。
深入理解css3中的flex-grow、flex-shrink、flex-basis(转)
转自:http://zhoon.github.io/css3/2014/08/23/flex.html 感谢原作者的整理 flex为css的布局带来了新的时代,作为一个重构工程师...
HTML中一些需要注意的地方
为文档设定主语言 <html lang="zh-CN"> 如果你的HTML文档的语言设置好了,那么你的HTML文档就会被搜索引擎更有效地索引 (例如,允许它在特定于语言...
Vue中使用stylus编写样式代码
使用stylus语法编写样式代码,熟练后可以大大提高我们的开发效率,而且里面还有很多特性,比如:冒号可选,分号可选,花括号可选以及变量等等。 安装 npm install styl...
说说input元素不常用的两个属性
input元素有很多属性,比如:name,type,size,width,height等等,但是有两个属性,我是不太熟悉的,本文就来说一说 这两个属性分别是defaultValue...
CSS3实现一个实时钟表的功能
这两天一直因为在webstorm中安装依赖而脑壳疼,之前用的npm来安装,后来嫌速度慢,所以用了淘宝的国内镜像,然后用cnpm来安装,用了之后发现没有改善,而且更卡了,cpu有时候...
解决table元素隐藏显示改变宽度的问题
蒲公英在实现点击元素显示某个table元素的时候,显示的table表格中的元素布局会出现问题,比如其中的元素会改变宽度。 出现问题的配置为直接在table中设置display为no...
你看过/写过哪些有意思的代码?
在知乎上看到了一篇文章,题目是你看过/写过哪些有意思的代码,点进去发现江志耿(腾讯TEG网络工程师),用html/css做了一个小猪佩奇,遂感好玩,与诸君分享。 转自知乎,原文地址...
页面布局利器Flex
传统的布局解决方法,基于盒子模型,依赖position属性、display属性、float属性。它对于那些特殊布局非常不方便,比如垂直居中,本文主要介绍Flex实现垂直居中。 Fl...
用css的cursor属性来DIY鼠标指针样式
摘要我们在浏览网页的时候,可能会看到有些网站的鼠标样式很特殊,这其实是运用了css的cursor属性,通过改变属性的值来达到的效果。可能会有人不是很清楚css的cursor属性怎么...
CSS自定义浏览器滚动条样式
摘要浏览器滚动条可以自定义为你喜欢的样式,但是不同内核的浏览器显示,要用不同的方法,本文主要介绍Trident内核的浏览器和webkit内核的浏览器,浏览器代表:Internet ...
水平和垂直居中问题
摘要在我们制作页面的时候,往往会遇到水平和垂直居中的问题,由于具体的情况不一样,使用的方法也不尽相同,本文分4种情况,来说明一下。 已知容器大小和内容大小 已知容器和内容大小的情况...
css基础与书写规范
笔记 css语法 选择符{属性:属性值} 通配选择器,写法是“*”,含义就是所有元素,举例:*{font-size:12px;} 类型选择器,以文档语言对象类型作为选择器,就是使用...
CSS中position四种定位属性理解
在学习CSS的过程中,遇到了position,于是对其中的四个属性做个总结,方便自己以后查阅,也方便别人做为参考。 Position position中的四种属性如下 static...
CSS/HTML做一个自适应的登录页面
摘要从psd图片切图,到拿到各种元素属性值,最后css+html还原出来一个和psd图片一样的自适应静态网页。 首先,获取psd设计图 登录页psd,密码abut 分析 这张图片分...