整理XIAO-A的css必备
来源:互联网 发布:淘宝运营必背公式 编辑:程序博客网 时间:2024/05/01 19:39
(-)重置样式
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}html { height: 101%; }body { font-size: 62.5%; line-height: 1; font-family: Arial, Tahoma, sans-serif; }article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }ol, ul { list-style: none; }blockquote, q { quotes: none; }blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }strong { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; }img { border: 0; max-width: 100%; }p { font-size: 1.2em; line-height: 1.0em; color: #333; }
说明:(二)clearfix(经典款)
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }.clearfix { display: inline-block; }html[xmlns] .clearfix { display: block; }* html .clearfix { height: 1%; }
说明:这个css的原理是经过使用after伪对象,它将在应用clearfix的元素结尾添加content中的内容,也就是一个".",并且把他设置为块级元素(display="block");高度设置为0,clear="both",然后将其内容隐藏掉(visibility="hidden").这样就会撑开此块级元素.
- 整理XIAO-A的css必备
- Xiao
- xiao
- xiao
- [待整理]CSS定义了超链接A标记的样式
- CSS整理的答疑
- 关于CSS的整理
- 必备CSS
- css+div开发必备的工具
- 【CSS——必备的基础】
- 22个必备的CSS小技巧
- Normalize.css – 现代 Web 开发必备的 CSS resets
- a 的CSS 样式
- <a 的CSS惯例
- 个人整理的CSS hack
- CSS positioning的一些整理
- 年前整理的Css规范
- 史上最全的CSS样式整理
- 杭电水题之2023
- 线程 临界区,互斥量,信号量,事件的区别(线程同步)
- 将包中的所有java源文件代码写入一个txt文件中
- 黑马程序员——.NET基础总结(一)
- 改编 秋瑾-满江红
- 整理XIAO-A的css必备
- OpenCV 2 学习笔记(3): 一个简单的opencv程序:在Console上显示图像
- Servlet 过滤器应用实例一
- arm-linux-gcc/gdb 安装出现 浮点数例外的原因
- 通过共享内存,实现两个进程A,B之间的通信
- 面试时,如何向公司提问?
- python 操作windows下的目录
- 快速排序
- win7 svn服务器搭建