Css

CSS id 和 class 选择器

如果你要在HTML元素中设置CSS样式,你需要在元素中设置"id"和"class"选择器。id选择器可以为标有特定id的HTML元素指定特定的样式。HTML元素以id属性来设置id选择器,CSS中id选择器以"#"来定义。以下的样式规则应用于元素属性id="para1":<!DOCTYPEhtml><...
代码星球·2021-02-21

css 滚动条样式

 1,Overflow内容溢出时的设置overflow水平及垂直方向内容溢出时的设置overflow-x水平方向内容溢出时的设置overflow-y垂直方向内容溢出时的设置以上三个属性设置的值为visible、scroll、hidden、autovisible默认值。使用该值时,无论设置的"width"和"h...
代码星球·2021-02-21

深入解析CSS样式层叠权重值(转)

前言:折腾了半天圆角,发觉border-radius是css3的新特性,简单粗暴的解决了button的圆角显示,中间由于css权重问题,导致即使我设置了圆角也一直没有生效。以下是找到的相当不错的一篇css样式权重讲解的,清晰明了,看完就懂是啥了。永记在心: important>内联>ID>类...

css中的清除浮动

1、clear:none,left,right,both意思解释  清除浮动。  在元素A上使用,则代表对A的左边/ 右边 /左右两边 不允许浮动元素存在,如果存在,则调整自身。  为none时代表允许浮动存在。(默认值为none...
代码星球·2021-02-21

css样式继承(转)

来源:http://www.yesky.com/356/1830356.shtml感谢分享编者:所谓CSS的继承是指被包在内部的标签将拥有外部标签的样式性质。继承特性最典型的应用通常发挥在整个网页的样式预设,需要指定为其它样式的部份设定在个别元素里即可。这项特性可以给网页设计者提供更理想的发挥空间。但同时继承也有很多规...
代码星球·2021-02-21

css使用1-搜狐浏览器和chrome浏览器不同点记录

1.搜狐不支持innerText属性,而chrome支持。   不断添加中...

解决子级用css float浮动 而父级div没高度不能自适应高度(转)

http://www.divcss5.com/jiqiao/j612.shtml感谢分享解决子级对象使用cssfloat浮动而父级div不能自适应高度,不能被父级内容撑开解决方法,父级div没有高度解决方法。最外层的父级DIV不能自适应高度-不能随对象撑开没有高度当在对象内的盒子使用了float后,导致对象本身不能被撑...

css样式优先级

样式优先级的学习,很形象,谢谢原作者分享:http://www.cnblogs.com/qieqing/articles/1224085.html一般情况下:[1位重要标志位]>[4位特殊性标志]>声明先后顺序!important>[id>class>tag]  使用!...
代码星球·2021-02-21

css 笔记

1. 外边距合并外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。 2.CSS定位CSS的定位机制有3种:普通流、浮动(float:left/right/none)和定位 (position:static/rela...
代码星球·2021-02-21

css初始化代码

最近老有新项目开发,一直在找存留的CSS初始化代码,索性放到这里备份下,@charset"utf-8";/*--------------------------------------*-------------------------------------*-----------------------------...
代码星球·2021-02-21

css中选择器的使用技巧

td:first-child{选择第一个}td:last-child{选择最后一个}td:nth-child(3){选择第3个}一个简单的选择方法,很方便...
代码星球·2021-02-21

css 自动换行 [英文、数字、中文]

white-space:normal;overflow:auto;table-layout:fixed;word-break:break-all; ...

css width: 50% 不会并排显示

1、例:宽度我设置的是25%,按理来说,应该是4个排列的,实际上如下图: 2、因为:是由于 HTML的标签之间,存在着间距,当显示页面时,浏览器会移除源代码中多余的空格和空行,所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML代码中的所有连续的空行(换行)也被显示为一个空格,此为“HTM...

css文字环绕

html:<divclass="wrap-div-topSpacer"></div><divclass="wrap-div"><imgsrc="image/tineng1.png"alt=""></div><divstyle="font-size:16p...
代码星球·2021-02-20

css首行缩进2个字符

css设置:p{text-indent:2em;} ...