随笔分类 - css
摘要:转载来自:原创文章,转载请注明来自张鑫旭-鑫空间-鑫生活[http://www.zhangxinxu.com]一、一开始的唠叨最近忙于开发,自淫于项目的一步步完工,心浮躁了。舍近而求远,兵家之大忌。我是不是应该着眼于眼前的东西,好好的静下心来,超过一般人的沉静与沉浸,研究最基本的东西呢?这番思考,让...
阅读全文
摘要:HTML: 1 2 3 4 css各种形状 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 CSS: 1 @charset "utf-8"; 2 div{display: inline-block;margin:40px;} ...
阅读全文
摘要:链接在网页中显示的样式可以有多种,控制该样式的属性就是cursor(设置鼠标样式的关键项):具体有:hand/pointer/auto手型crosshair十字型text平时鼠标移动到文本上的样式wait等待的效果default默认的效果help带问号的鼠标样式e-resize/ew-resize向右的箭头ne-resize向右上方的箭头n-resize向上的箭头nw-resize向左上方的箭头w-resize向左的箭头sw-resize向左下的箭头s-resize向下的箭头se-resize向右下方的箭头auto系统自动的效果
阅读全文
摘要:1、六角形的制作:代码:#star-six{ height:0; width:0; border-bottom:100px solid red; border-left: 50px solid transparent; border-right:50px solid transparent; position: relative; } #star-six:after{ wi...
阅读全文
摘要:在网页布局中,常常有几个div横向排列的需求,此时,可以采用浮动的方式:1、左右浮动: CSS:.main{width:100px;height:100px;}.left{ width:30px;height:100px;background: red;margin-right:...
阅读全文
摘要:一、横向两列方式排列:在网页中,很多地方都会用到无序列表横向排列的形式,通常的写法都是使得li的css样式设置为:float:left的形式即可,li会依次从最左边开始并列对齐,例如:HTML中:1 2 首页3 登录4 注册5 服务大厅6 需求大厅7 CSS:...
阅读全文
摘要:今天在做一个静态页面时,头部的广告条是很大一张图片,考虑到网页访问时的加载速度,因此需要把一幅图拆成几个尺寸较小的图片来作为背景图,但是采用div来布局时,出现了div不能显示在一行的情况,所以开始想到用display:inline-block来处理,这样是显示到一行了,但是两个div之间有间隔,于...
阅读全文
摘要:#navigator { height: 100%; width: 200; position: absolute; left: 0; border: solid 2 #EEE;}.current_block { border: solid 2 #AE0 !important;} 查找一些教材中(w3schools等),只说css的顺序是“元素上的style” > “文件头上的style元素” >“外部样式文件”,但对于样式文件中的多个相同样式的优先级怎样排列,没有详细说明。经过测试和继续搜索,得知优先级如下排列:1. 样式表的元素选择器选择越精确,则其中...
阅读全文
摘要:1、使用float时,可以说是用于布局,取值主要有left、right、none。就是将该块的元素浮动起来,在浏览器默认的情况下,该元素的位置是为空的,即脱离了文档流而存在,如果有其他元素,那么这些元素会将该元素在浏览器中本身的位置所占据,进而将该空白部分填充。 如果元素浮动了,那么它会对其后面的元素的布局产生影响,所以在设置浮动后,需要对该块进行浮动的清除,一般采用的方法就是在该浮动元素后面添加一个空的div来清除浮动:如以下代码:Html代码: Css代码:.left{ float: left;}.right{ float:right; }.clear{ clear: both; h...
阅读全文
摘要:1、双倍边距如下图所示,一个样式里面既设定了“float:left;”又有“margin-left:100px;”的情况,就呈现了双倍情况。如外边距设置为100px, 而左侧则呈现出200px,解决它的方法是在浮动元素上加上display:inline;的样式,或者尽量少用这种形式,这样就可避免双倍...
阅读全文

浙公网安备 33010602011771号