巴扎黑 浏览量11738 | 粉丝242 | 关注1
使用CSS画爱心代码实例 今天小颖给大家分享一个用CSS画的爱心，底下有代码和制作过程，希望对大家有所帮助。第一步：先画一个正方形。如图： css画桃心 .heart-body {
CSS有关继承的解析 我酷爱模块化设计。长期以来我都热衷于将网站分离成组件，而不是页面，并且动态地将那些组件合并到界面上。这种做法灵活，高效并且易维护。但是我不想我的设计看上去是由一些不相关的东西组成的。我是在创造一个界面，而不是一张超现实主义的照片。很幸运的是，已经有一项叫做 CSS 的技术，就
解析width:100%;与width:auto;的区别 1111div{ width:980px; background-color: #ccc; height：300px;}p{ width:100%; /*width:auto;*/ padding:10px; background-color:#000;}如果是p的width:100
使用HTML实现多图上传预览功能 自己最近写了一个网页多图上传的脚本,感觉挺实用的,细节就不要说了,直接贴代码了~.pro_img{ margin-left:10px;margin-top:10px;width:300px;height: 300px;background-color: black; --border-radius:999em; overflow:hidden;float:left; --margin:5% 35%;positio
有关CSS的高级布局技巧 随着 IE8 逐渐退出舞台，很多高级的 CSS 特性都已被浏览器原生支持，再不学下就要过时了。用 :empty 区分空元素兼容性：不支持 IE8Demo假如我们有以上列表：ab我们希望可以对空元素和非空元素区别处理，那么有两
深入解析css中position属性和z-index属性 在网页设计中，position属性的使用是非常重要的。有时如果不能认识清楚这个属性，将会给我们带来很多意想不到的困难。position属性共有四种不同的定位方法，分别是static、fixed、relative、absolute。最后将会介绍和position属性密切相关的z-index属性。第一部分：position: staticstatic
有关在IE8中CSS3选择器nth-child()不兼容问题的解决方法 一、代码ul{list-style: none}div ul li{width:100px;height:30px;border:#eee 1px solid;float:left;}div ul li:nth-child(1){background:#f00;}div ul li:nth-child(3){background:#ccc;} 11&l
介绍CSS 中的rem单位 今天我们深度了解一下 rem 单位，这个单位目前已经得到了优秀浏览器的支持，并且有一些兼容方案来帮助你在低版本的 IE 浏览器中的使用它。什么是 rem可能在你使用收音机或者用其他音乐播放器之前，就已经听过“R.E.M.”这个词了。在这个乐队眼中，这个词是“浅睡眠时眼球的快速转动”的缩
简述css的四种写法 优先级： 外部样式 < 内部样式表 < 内联样式表；优先级，即：同名的选择器右边的会覆盖左边1.内部样式表 /*内部样式表，一般用于覆盖公用样式*/ ＃headTip { color: 0xff5; }
你所不知道的border用法 前面的话：在看这篇文章之前你可能会觉得border只是简单的绘制边框，看了这篇文章，我相信你也会跟我一样说一句“我靠，原来css中的border还可以这样玩”。这篇文章主要是很早以前看了别人用纯CSS绘制三角形后自己的一些思路的整理，文中会介绍几种小图标的效果。用css中的border绘制鸡蛋形
