小知识: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都是有效的
声明: 猿站网有关资源均来自网络搜集与网友提供,任何涉及商业盈利目的的均不得使用,否则产生的一切后果将由您自己承担! 本平台资源仅供个人学习交流、测试使用 所有内容请在下载后24小时内删除,制止非法恶意传播,不对任何下载或转载者造成的危害负任何法律责任!也请大家支持、购置正版! 。本站一律禁止以任何方式发布或转载任何违法的相关信息访客发现请向站长举报,会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。本网站的资源部分来源于网络,如有侵权烦请发送邮件至:2697268773@qq.com进行处理。
建站知识

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

2022-5-24 20:13:43

建站知识

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

2022-5-24 20:23:57

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