前端CSS
yura.
这个作者很懒,什么都没留下…
展开
-
CSS中设置border属性为0与none的区别
在我们设置CSS的时候,对标签元素不设置边框属性或者取消边框属性一般设置为:border:none;或border:0;两种方法均可。border:none;与border:0;的区别体现有两点:一是理论上的性能差异;二是浏览器兼容性的差异。1.性能差异【border:0;】把border设为“0”像素虽然在页面上看不见,但按border默认值理解,浏览器依然对bord转载 2017-05-12 08:18:01 · 50546 阅读 · 0 评论 -
jq控制表格里的文字大小 超过隐藏 鼠标移上去提示
jq控制表格里的文字大小 超过隐藏 鼠标移上去提示超过隐藏 判断长度鼠标移上去提示 加标题title var odiv= $("#odiv").html(); if(odiv.length > 5){ $("#odiv").attr("title",odiv); $("#odiv").html(odiv.substring(0,5)+"...");原创 2017-08-17 09:59:57 · 701 阅读 · 1 评论 -
ie浮动问题总结
1、div的垂直居中问题: 解决方法:将行距增加到和整个DIV一样高:代码如下:div{height: 100px;line-height: 100px;text-align: center; or vertical-align: middle(测试发现使用vertical-align时,水平方向无法居中,text-align可以)}test2、marg原创 2017-07-20 14:22:54 · 626 阅读 · 0 评论 -
reset.css
清除浏览器默认样式@charset "utf-8";/* Download : http://www.codefans.net *?/* Reset css*/body,h1,h2,h3,h4,h5,h6,div,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{m原创 2017-07-13 15:06:02 · 252 阅读 · 0 评论 -
media响应式布局
语法:@media screen and (min-width: 320px) and (max-width : 479px)转载 2017-05-08 17:07:10 · 218 阅读 · 0 评论 -
font-family
可以使用标签引入字体,有几种默认的字体是所有浏览器都可用的,包括Monospace、Serif和Sans-Serif。当某种字体不可用时,你可以让浏览器自动降级到另一种字体。例如,如果你想让元素的字体为Lobster,但你同时想在Lobster不可以用时,使用Monospace原创 2017-05-03 09:25:11 · 394 阅读 · 0 评论 -
css选择器
1.基础的选择器*{ } 通用元素选择器,匹配任何元素E{ }标签选择器,匹配所有使用E标签的元素.con{ } class选择器,匹配所有class属性中包含con的元素#footer{ }id选择器,匹配所有id属性等于footer的元素2.组合选择器p ,span { } 多元素选择器,同时匹配所有p元素或span元素,之间用逗号分隔p span { }原创 2017-04-13 08:42:06 · 279 阅读 · 0 评论 -
css
background-attachment:属性设置背景图像是否固定或者随着页面的其余部分滚动,所有浏览器都支持 。letter-spacing:规定字符间距word-spacing:单词的间距line-height:设置行间距(百分比 像素 数字)text-decoration :规定添加到文本的修饰text-indent:缩进文本text-trans原创 2017-04-07 09:18:41 · 188 阅读 · 0 评论 -
相对定位与绝对定位
用绝对定位时,父元素要求有position属性,否则将依据父父,父父的父...一直到有position属性那个父元素,如果都没有,则相对于body定位,不占用父元素其他元素位置position属性用相对定位relative,top...不定义,这样不会影响父元素的位置,还是相对于原来的位置position:relative;相对定位与绝对定位是不一样的,相对定位是相对于原来的位原创 2017-05-03 10:36:03 · 343 阅读 · 0 评论 -
overflow溢出处理
overflow 属性规定当内容溢出元素框时发生的事情overflow:hidden:隐藏visible:出现,默认scroll:滚动条auto:自动隐藏出现滚动条IE存在一个bug,当宽高特别小的时候显示效果不一致,可以使用overfollow:hidden来处理。为了 保证不出问题,在reset.css的.cls 下添加 overfollow:hid原创 2017-05-03 11:17:02 · 48041 阅读 · 0 评论 -
css3 box-sizing属性
css3 box-sizing属性语法:box-sizing:content-box | border-box默认值:content-box适用于:所有接受width和height的元素继承性:无content-box:padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、padding之和,即 ( Element wi原创 2017-05-04 09:20:34 · 221 阅读 · 0 评论 -
display:block详解
1、每一个元素都有默认的display属性值,比如div元素,它的默认display属性值为“block”,成为“块级”元素(block-level);而span元素的默认display属性值为“inline”,称为“行内”元素。2、块级元素:占据一定矩形空间,可以通过设置高度、宽度、内外边距等属性,来调整的这个矩形; 行内元素 :自己的独立空间,它是依附于原创 2017-03-24 11:13:14 · 144265 阅读 · 3 评论