css按钮口诀 - CSS BUG顺口溜
在进行CSS网页布局时遇到BUG,请认真阅读以下内容,非常容易记忆的,不知道哪位高人把CSS BUG编成了顺口溜了!看看好不好记住呢?
一、IE边框若显若无,须注意,定是高度设置已忘记;
二、浮动产生有缘故,若要父层包含住,紧跟浮动要清除,容器自然显其中;
三、三像素文本慢移不必慌,高度设置帮你忙;
四、兼容各个浏览须注意,默认设置行高可能是杀手;
五、独立清除浮动须铭记,行高设无,高设零,设计效果兼浏览;
六、学布局须思路,路随布局原理自然直,轻松驾驭html,流水布局少hack,代码清爽,兼容好,友好引擎喜欢迎。
七、所有标签皆有源,只是默认各不同,span是无极,无极生两仪—内联和块级,img较特殊,但也遵法理,其他只是改造各不同,一个*号全归原,层叠样式理须多练习,万物皆规律。
八、图片链接排版须小心,图片链接文字链接若对齐,padding和vertical-align:middle要设定,虽差微细倒无妨。
九、IE浮动双边距,请用display:inline拘。
十、列表横向排版,列表代码须紧靠,空隙自消须铭记。
本文转自:http://www.cnblogs.com/hnyei/archive/2011/10/04/2198773.html
转载于:https://www.cnblogs.com/nizuimeiabc1/p/9051209.html
css按钮口诀 - CSS BUG顺口溜相关推荐
- CSS布局口诀 - CSS BUG顺口溜
在进行CSS网页布局时遇到BUG,请认真阅读以下内容,非常容易记忆的,不知道哪位高人把CSS BUG编成了顺口溜了!看看好不好记住呢? 一.IE边框若显若无,须注意,定是高度设置已忘记: 二.浮动产生 ...
- php按钮css样式,CSS 按钮
CSS 按钮 本章节我们为大家介绍使用 CSS 来制作按钮. 我们先看一下默认按钮和用css制作的按钮html> php中文网(php.cn) .button { background-colo ...
- css 样式(checkbox开关、css按钮)
checkbox开关 css .iosCheck {/* Blue edition */}.iosCheck input {display: none;}.iosCheck i {display: i ...
- html 图片 按钮,css按钮背景图片如何实现?(代码实例)
css按钮背景图片如何实现?相信有很多刚刚接触css的朋友都会有这样的疑问.本章就给大家介绍css按钮背景图片如何实现.有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助. 很多人提交表单 ...
- CSS 按钮悬停效果
CSS 按钮悬停效果 原视频链接 鼠标放入或点击按钮获得焦点后 HTML: <!DOCTYPE html> <html lang="en"><head ...
- html 按钮位于div底部,css按钮定位在div底部
如图,黄色按钮沉在div底部: 这种场景会经常遇到,比如头部固定,底部固定,或者侧边栏固定等,虽然很简单,但是好记性不如烂笔头,作为一个后端开发,在转全栈的路上css还是有点蛋疼的. #dataExp ...
- html给按钮加颜色代码,css按钮属性 html中按钮的字体颜色怎么设置?
css 属性设置input 中type为button 的属性 css中什么属性可以控制按钮的形状 1.dispaly 适用于css1和css2,用于设置目标对象是否及如何显示.该属性的常用值为none ...
- vue-ant design示例大全——按钮本地css/js资源
vue-ant design示例大全--本地css/js资源 示例资源来自官网:https://www.antdv.com/components/button-cn 在 Ant Design Vue ...
- css 按钮固定在右上交_如何在iPad上交换左右鼠标按钮
css 按钮固定在右上交 With a mouse, you can "right-click" on your iPad-Apple calls this a "Sec ...
最新文章
- 数据结构(C语言版) 第 六 章 图 知识梳理 + 习题详解
- java基础学习,一些零散的笔记之内部类
- 产品经理学PMP,有必要吗?
- boost::graph模块实现closeness中心性的测试程序
- MFC中CString转换成char数组的问题
- Windows Server 2012 之部署Windows Server 更新服务(1)
- Pytorch安装步骤
- vscode字体图标
- 映射的网络驱动器怎么共享_如何在Windows上通过网络共享CD和DVD驱动器
- 如何学习渗透测试:初学者教程
- 1分钟教你破解风行电视禁止安装应用!
- 前端激荡三十年,从无到有,从单一到炫彩,技术从未停止!
- Thinkphp中的 I 函数(Thinkphp3.2.3版本)
- 多因子策略-APT模型
- 华为HCIA认证考试简介
- 线性代数行列式计算方法之三角法
- elasticsearch 6.2.3安装 head插件问题
- 2001-2019年300多个城市进口额、出口额、进出口额汇总
- 苹果电脑怎么打开计算机管理,mac开机启动管理怎么设置_mac如何设置开机启动管理-win7之家...
- 长江雨课堂考试半自动答题python脚本
热门文章
- php 怎么看nginx,查看nginx是否启动
- magic winmail邮件服务器,使用magic winmail server轻松架设邮件服务器(三)_邮件服务器...
- plsql导入本地的sql文件
- 用for循环打印出九九乘法表
- @Component注解的用法
- nginx tomcat spring-boot 对json等数据压缩
- SpringBoot启动错误 If you want an embedded database (H2, HSQL or Derby), please put it on the classpath.
- java面向对象编程 漫画_Java面向对象编程(一)
- python3.5+tesseract+adb实现西瓜视频或头脑王者辅助答题
- “树人杯”暨第三届辽宁科技大学校园程序设计竞赛正赛G 又是一个小游戏(蓝)...