CSS一些常见问题总结

1、行内元素没有宽度的概念。例如a元素 表单元素的 height,pading-top,padding-botton,margin-top,margin-botton等均无效。但是line-height管用。

2、当我们采用如下布局时ul>li>a。如何让li的点击和a的表现一致。那就a的display:block。只有这样a才能全部占满li。

3、两个兄弟层的div。如果两个层都有margin,那么在两个层的上下连接处,会发生消除,消除后以最大的margin为主。li同样如此。

4、line-height是垂直居中的方案。水平均中有两种margin:0 auto;自己在父层中居中。text-align子元素居中。

时间: 2024-10-13 14:05:57

CSS一些常见问题总结的相关文章

CSS兼容性常见问题总结

DIV+CSS设计IE6.IE7.FF 兼容性 DIV+CSS网页布局这是一种趋势,我也开始顺应这股趋势了,不过在使用DIV+CSS网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV+CSS设计的网页,就应该更注意IE6 IE7 FF对CSS样式的兼容. 什么是浏览器兼容:当我们使用不同的浏览器(Firefox IE7 IE6)访问同一个网站,或者页面的时候,会出现一些不兼容的问题,在这种浏览器下显示正常,在另一种下就乱了,我们在编写CSS的时候会很恼火,刚修复了这个浏

bootstrap框架以及css一些常见问题

这周学习了Bootstrap框架.flatUl框架还有快切框架,框架很好的简化了我们程序员的代码量,同时也可以让我们更丰富利用已经写好的各种css和js样式,能简单.快速.解决兼容性问题让我们有更多精力放在web前端开发上: bootstrap首先提供了一个布局框架,叫 960栅格式布局,其布局格式如下:     1. 12列划分         1. 每个栅格栏左右间隙10px:         2. 每个栅格60px:         2. 列与列之间间隔20px:         3. 可

CSS若干常见问题小结

1.边框部分问题 [边框为虚线] border:1px dashed #ddd; [边框为实线] border:1px solid #ddd; [table中的tr加下划线边框] 在css中做如下声明 .mytable{border-collapse: collapse;} [table 中的单元格 出现间断边框] <table cellspacing="0" cellpadding="0"></table> 2. 表单部分问题 [给单选/复

CSS入门常见问题

1,三特性 1)层叠性:同标签同权重下,样式冲突,后面的样式会覆盖前面的. 2)继承性: 给父元素设置样式的时候,子元素在默认没有样式的情况下会受父元素的样式影响.注意宽高不能继承. 可继承的属性:  ◇文字颜色可以被继承  color  ◇与文字相关的属性都可以被继承  ◆行高(line-height) 可以被继承  ◆text-align 特殊情况: a 标签默认情况下不会受父级元素的颜色影响 常见的在制作nav 中给li 设置颜色a标签不起作用,原因是受到浏览器默认的样式影响 color:

CSS常见问题以及IE的兼容性

作为一名前端,我们通常要做的就是让页面在各系统浏览器上良好显示.当然,还有性能问题.不过,今天要说的是样式的兼容问题.在IE/Mozilla/Webkit/Opera四分天下的今天,IE6-9/Mozilla(Gecko)系列/Chrome/Safari/Opera etc. 这些浏览器的兼容,无不让前端们头痛.而在这之中,最让人头痛的当数IE,特别是IE6.搞定了IE6,基本也就能称霸半个江山了.搞定了IE,也相当于占领了7.80%的领地.不过我想对国内用户说的是,珍爱生命,远离IE,不是黑微

【入门须知】学DIV CSS技术如何入门?

引言: 引用一本书中的一段文字:"当我第一次开始学习汉语时,我的家庭老师老王给了我一本汉英字典.一本汉语语法书和一本初级教程.但是,他将这些书放 在一个书筐里,并说到下周才能派上用场.在第一周,他只教我听和记一些短语.在开始严格有序的学习前,他要我学会如何复述一些短评."请问,哪里有餐 馆?"."请给我来点米饭"."这件衣服多少钱?".在那个星期,我不得不无条件地接受知识.句子结构.发音和语法.然而,到了星期五我居然可以去一家中 餐馆要

两天学会css基础(二)

接上一篇博客,还有css中的两个重要知识点没有说到,就是元素的浮动与定位. 第三部分:元素的浮动与清除 这部分的内容之前的博客已总结过.请查看css中的浮动与三种清除浮动的方法这篇文章. 浮动在网页中也用的和普遍,特别要注意清除浮动的方法. 第四部分:元素的定位 元素的定位在实际开发中会经常用到,特别是涉及到精确定位的时候. 默认情况下元素的position属性值为static static: 对象遵循常规流.此时4个定位偏移属性不会被应用. relative: 对象遵循常规流,并且参照自身在常

让IE和Firefox兼容的CSS技巧集合css hack

CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声明. CSS技巧 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了.缺点是要控制内容不

[读书笔记] Web 前端开发修炼之道

原创地址:http://www.cnblogs.com/bnbqian/p/3735565.html 转载请注明出处 今天我们要读的书是Web 前端开发修炼之道 第1章 从网站重构说起 1.1 糟糕的实现,头疼的维护 曾经, 网页代码很乱. 1.2 Web 标准,结构,样式和行为的分离 分离了. 1.3 前端的现状 人员参差不齐. 小结: 本章相当于引论. 第2章 团队合作 小结: 团队和沟通这个永远是个凑字数的好话题. 第3章 高质量的HTML 3.1 标签的语义 标签是有语义的,除了div