小知识:CSS常见问题集合

1.网页文本德博瓦桑县

body{margin:0 auto;}

2.单行线文本工具栏德博瓦桑县

div {height:25px;line-height:25px;}也是给height和line-height反之亦然的度,再用margin-bottom来细调。

3.当网页手写体大于12px时 chromeMach应用程序仍旧表明为12px

body{-webkit-text-size-adjust:none;  *for chorme*}

4.ie6更少margin的bug

#box{float:left;width:100px;margin:0 0 0 100px;   ie6会造成200px的距display:inline;   化解之道}

5. 数个class分拆手写

一般来说class里头只写两个值,实际上能数个值,用字符分隔方可。< span>

6.给网页换个滑鼠操作符(滑鼠操作符文档是.cur(静态) 或.ani(静态))

cursor:url(‘操作符相对路径’),auto;一般来说那个css写在body和a里

7.input类型信息母吕氏德博瓦桑县

相同应用程序对那个认知相同化解方式是增设input度与文本度成正比,接着用每边padding充填方可。

8.css sprites用语(拼接相片,减低伺服器的阻力)

.a {display:inline-block;height:16px; width:16px;background:url(icon.png) x坐标 y坐标 no-repeat;}网页中能使用< span>来表明,当然,方式还有好多。

9.子容器增长时父容器不自动增长

给父容器定义样式overflow:auto;zoom:1;  兼容IE6

10.IE6 IE7下li度异常

IE6 IE7将手写体度也算入行高 导致li度异常 只需给li定义以下样式方可font-size:0px;

11.DIV水平垂直德博瓦桑县

< div>#1990c{width:600px;height:400px;position:absolute;   增设绝对定位top:50%;   距顶部50%left:50%;   距左侧50%margin-top:-200px;   向上移动div度的一半margin-left:-300px;   向左移动div宽度的一半}

12.子容器margin-top后父容器下移

< div>< div>#logo{margin-top:10px;}   实际效果:head下移10px化解之道:给head定义样式overflow:hidden;

13、input、相片水平对齐

vertical-align: middle; //  100%

14、按钮在IE67下的黑边框问题

把input的type=”submit”改成type=”button”就能了

15.CSS:span元素margin-top无效的根源

对行内元素(不包括可替换元素如img等):增设宽度width 无效。增设度height无效,能通过line-height来增设。增设margin只有左右margin有效,每边无效。(这是span的margin-top无效的原因)增设padding只有左右padding有效,每边则无效。块级元素的width/height/margin/padding都是有效的

建站知识

小知识:一些常用的div 布局名称CSS命名规则整理

2022-5-24 20:13:43

建站知识

猿站网:Web前端优化之站点

2022-5-24 20:23:57

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索