[转]CSS布局口诀 CSS BUG顺口溜

摘要:
在进行CSS网页布局时遇到BUG,请认真阅读以下内容,非常容易记忆的,不知道哪位高人把CSSBUG编成了顺口溜了!看看好不好记住呢?
在进行CSS网页布局时遇到BUG,请认真阅读以下内容,非常容易记忆的,不知道哪位高人把CSSBUG编成了顺口溜了!看看好不好记住呢?
一、IE边框若显若无,须注意,定是高度设置已忘记;
二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;
三、三像素文本慢移不必慌,高度设置帮你忙;
四、兼容各个浏览须注意,默认设置行高可能是杀手;
五、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览;
六、学布局须思路,路随布局原理自然直,轻松驾驭html,流水布局少hack,代码清爽,兼容好,友好引擎喜欢迎。
七、所有标签皆有源,只是默认各不同,span是无极,无极生两仪—内联和块级,img较特殊,但也遵法理,其他只是改造各不同,一个*号全归原,层叠样式理须多练习,万物皆规律。
八、图片链接排版须小心,图片链接文字链接若对齐,padding和vertical-align:middle要设定,虽差微细倒无妨。
九、IE浮动双边距,请用display:inline拘。
十、列表横向排版,列表代码须紧靠,空隙自消须铭记。

免责声明:文章转载自《[转]CSS布局口诀 CSS BUG顺口溜》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇前端日志web打印实现方案 Lodop6.034 使用方法总结下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

CSS——(1)基础

CSS(Cascading Style Sheets)层叠样式表 含义一种计算机语言; 可以实现网页与内容分离; 用来表现文件样式,如HTML或XML; 比较 div与css 如果说div是容器的话,那么css就是装饰或是表现容器样式的事物。比如div是盒子,那么css的作用就是表示盒子的颜色,大小,体积等。 html与css html是负责网页...

NuxtJS处理因css在服务端渲染而增加源代码量,从而影响到SEO的问题

关于Nuxt的css嵌入到html代码中的问题,效果如下: 解决方案其实很简单:在nuxt.config.js文件中的build对象添加extractCSS:{allChunks:true},extractCSS是将内嵌的css提取到外部,allChunks代表所有的都执行,代码如下: build: {     extractCSS: { allChu...

自定义样式滚动条

自定义IE浏览器滚动条样式 追溯浏览器对滚动条的自定义,恐怕最早的就是IE浏览器了(好像最开始支持的版本是IE5.5)。下面列出了多个版本的支持性况: 滚动条样式 支持情况 支持浏览器版本 可否继承 描述 scrollbar-3dlight-color IE特有属性 IE5.5+ y 设置滚动框的和滚动条箭头左上边缘的颜色 scrollbar-...

纯CSS实现可自定义间距虚线边框

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> .border-wrapper {...

关于webpack打包js和css

废话不多说,直接贴出代码,大家瞅瞅:其中要引用css的话是要用css-loader。用了之后再webpack。config。js里面配置相应的代码,并且在相应的js文件里面引用即可啦,不知道有哪位大神指导我的webstorm为什么不支持es6的写法吗?我试了很多方法和设置,都没用,但是整个项目部报错,- -!!!!...

thinkphp框架(已有模板和tp框架做结合)

关于thinkphp框架的基本介绍  第一次访问后创建的目录 路由的四种形式 创建应用(在首个index.php中) Controller里的自配需要文件 调用View视图的模板 注意:Controller和View里的视图名称保持一致,$this->display();就能直接调用; 设置登录网站的首页面 将写好的展示给用户的静态...