CSS
文章平均质量分 53
小允子
这个作者很懒,什么都没留下…
展开
-
CSS 3中边框新属性
1.CSS中新增4种边框控制属性,分别是border-image 、border-radius border-color border-shadow2.如果标签设置了border-collapse :collapse(表格的边框被合并为一个单一的边框),则border-image属性设置无效。3.不同浏览器对border-image属性的支持情况不同,IE浏览器不支持该属性,在Fire原创 2016-04-26 15:53:29 · 445 阅读 · 0 评论 -
CSS布局方式
1.居中的布局设计:使用自动空白边让设计居中和使用定位和负值空白边让设计居中方法一:使用自动空白边让设计居中(只需定义DIV的宽度,然后将水平空白边设置auto)#box{width:720px;margin:0 auto;}缺点:这样的样式几乎在所有浏览器中都是有效的,但是IE5系列版本和IE6不支持自动空白边,因为IE将text-align:center;理解为让所原创 2016-04-26 15:56:40 · 382 阅读 · 0 评论 -
CSS3中盒模型的新增属性overflow
CSS3中盒模型的新增属性1.overflow:用于设置当对象的内容超过其指定的高度及宽度时应如何进行处理。2.Overflow-x:用于设置当对象的内容超过其指定的宽度时应如何进行处理3.Overflow-y:用于设置当对象的内容超过其指定的高度时应如何进行处理相关属性:(1)visible:不剪切也不添加滚动条(2)Auto:改属性值为body对象和textarea的默原创 2016-04-26 15:57:32 · 404 阅读 · 0 评论 -
css设计注意事项
1.如果3个等高的框都设置为向左浮动,left框将向左浮动直到碰到包含框box框的左边缘为止,另外两个框向左浮动直到碰到前一个浮动框为止。如果三个不等高,可能不会排成一行,因为浮动框的高度不同,当它们向下移动时可能会被其他浮动元素卡住。2.相对定位实际上被看作普通流定位模型的一部分,因为元素的位置相对于它在普通流中的位置。与其相反,绝对定位元素的位置与文档流无关,因此不占据空间,普通文档流中其原创 2016-04-26 15:58:39 · 414 阅读 · 0 评论 -
CSS3圆角border-radius属性详解
CSS即层叠样式表(Cascading StyleSheet),css3是css的最新版本,新增加了很多特性,如:css3动画 animation、Transform、Transition,CSS3渐变,CSS3圆角,文字特效,css3 Flexbox(伸缩盒布局)等等。回顾我们写边框圆角历程,最开始我们用4涨小图片(左上角,右上角,左下角,右下角)来实现边框圆角,后来进化到2涨背景图片(上,下)原创 2016-04-26 19:21:14 · 1282 阅读 · 0 评论 -
关于nth-child的疑惑
正好很久没写代码了,也想试试回答下这个问题,于是就搜索了下,于是就找到了 W3School的CSS3 :nth-child() 选择器,看到了这样一个代码:p:nth-child(-n+3){ background:#ff0000;}12345 h1>这是标题h1> p>第一个段落。p> p>第二个段落。p> p>第三个段落。p> p>第四原创 2016-04-26 19:17:06 · 793 阅读 · 0 评论 -
2016春网易前端暑期实习生笔试面经
笔试选择题忽略问答题:用原生JS实现一个接口,能够用Ajax上传文件并显示上传进度,上传完成后接收一个来自服务器的json数据实现一个三列布局如何防范CSRF(跨站请求伪造)请列举减少HTTP请求数和资源文件大小的方法列举实现跨域请求的方法一面一上来先是自我介绍,在这个过程中,面试官会看你的简历Q:CSS和JS熟悉哪个?A:JSQ:浏览器转载 2016-04-27 15:00:02 · 2083 阅读 · 0 评论 -
微博登录界面的实现
*{ margin:0; padding:0;}body{ font:12px/1.125 Arial,Helvetica,sans-serif;}li{ list-style:none;}#login{ width:252px; height:385px; background:url(bg.jpg) no-repeat; margin:20px auto; position:rel原创 2016-05-26 16:27:12 · 2617 阅读 · 0 评论