CSS
黎色癫狂
前端
展开
-
小tips
png是无损压缩,体积大 JPG是有损压缩,体积比png小原创 2016-11-16 10:34:58 · 468 阅读 · 0 评论 -
CSS3——box-sizing\background-size\box-shadow
语法: box-sizing: content-box|border-box|inherit; 属性说明: content-box:在已设定的宽度和高度之外绘制元素的内边距和边框。 border-box: 在已设定的宽度和高度之内绘制元素的内边距和边框。 浏览器支持: IE8+、火狐、谷歌。 代码演示: /*css:改变元素的box-sizing属性值查看变化*/ .op原创 2016-11-18 14:20:32 · 751 阅读 · 0 评论 -
CSS 选择器
p:nth-of-type(2)表示父标签下的第二个p元素。p:nth-child(2)表示这个元素要是p标签,且是第二个子元素【结构】,是两个必须满足的条件。原创 2016-11-16 10:24:35 · 357 阅读 · 0 评论 -
前端插件
Modernizr.js是什么? Modernizr 是用于探测浏览器是否支持某种新特性(HTML5 和 CSS3 )的 JavaScript 库。如何使用1,官网下载:modernizr.js||中文网地址||自定义下载 2,在页面的 head 标签中引用: <script src="js/Modernizr.js" type="text/javascript"></script>原创 2016-12-05 14:37:27 · 851 阅读 · 0 评论 -
CSS盒模型
从上图可以看到 ie 盒子模型的范围也包括 margin、border、padding、content,和标准 w3c 盒子模型不同的是:ie 盒子模型的 content 部分包含了 border 和 pading。 http://www.cnblogs.com/cchyao/archive/2010/07/12/1775846.html原创 2016-11-22 09:52:40 · 290 阅读 · 0 评论 -
vertical-align
为什么有时候vertical-align属性不起作用? 只有一个元素属于inline或是inline-block(table-cell也可以理解为inline-block水平)水平,其身上的vertical-align属性才会起作用。vertical-align对一些特定显示样式(例如单元格显示方式:table-cell)的元素才会起作用..op h1,.op span{width:400px原创 2016-11-08 13:25:25 · 469 阅读 · 0 评论 -
绝对定位居中
绝对定位居中.wra{ width: 500px; height: 400px; background: #000; position: relative;}.uP{ width: 100px; height: 100px; background: #ff0000; position: absolute; top: 50%; left: 50%; margin-top: -50px; margin原创 2016-11-08 09:33:01 · 594 阅读 · 0 评论 -
禁用页面中的a标签,使其不可跳转
Document $(document).ready(function(){ $('a').click(function(event){ return false; }); }) 百度一下方式二:设置a标签href="javascript::"原创 2016-04-26 18:30:50 · 14184 阅读 · 0 评论 -
图片交替显示及鼠标滑过更换图片
图片交替显示及鼠标滑过更换图片 鼠标滑过更换图片: function mouseOver(){ document.b1.src="http://hbimg.b0.upaiyun.com/a9adb8b7d90c1f0618a67875641d46d9ac761e081c7a8-hbx5Qh_sq320"原创 2016-06-03 17:53:22 · 2712 阅读 · 0 评论 -
CSS中如何选择ul下li的奇数、偶数行
#Ulist li:nth-of-type(odd){ margin-left: 20px;}奇数行 #Ulist li:nth-of-type(even){margin-left: 10px;}偶数行 123456原创 2016-04-26 18:24:05 · 65615 阅读 · 0 评论 -
sublime text3插件
jQuery、js等代码提示插件——Sublime-Better-CompletionGithub地址:https://github.com/Pleasurazy/Sublime-Better-Completion安装步骤:安装完后需要配置一下,在控制面板找到插件的默认配置-setting Default复制一份到setting User 将你需要提示的改为true即可。{原创 2016-06-17 14:26:02 · 825 阅读 · 0 评论