内容简介：本文收集了我常用的CSS代码片段！ *reset /** reset **/body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, form, textarea { margin: 0; }body { font-family: arial, \5b8b\4f53; font-size: 12px; line-height: 1.5; }h1, h2, h3, h4, h5, h6, input, textarea, section { font-size: 100%; }input, textarea, section { font-family: inherit; }ul, ol { padding-left: 0; list-style-type: none; }tab...
一、HTML的基本标签1、html文件的基本结构 a、HTML : Hypertext Markup Language 超文本标记语言 1 2 3 4 5 网页标题 6 7 8 主体 9 10 b.基本结构:头部(head) 主体(body) c.所有内容都在标签之内 内放的是头部信息，是对页面的描述，不会直接显示在页面中 内的中设置的是页面的标题，只能放在中 是页面的主体，大部分显示内容都定义在这里 d.编辑工具...
ps.这一次要说的是“Responsive column resets”，但是不知道为什么中文官网没有给出翻译，但是在看到案例的时候，感觉这就像一个bug，我自己姑且叫这个是一个高度bug吧，方便自己，要是大家有其他好的说法，请告诉我。 ================================================================================================= Responsive column resets就是在某些阈值时，某些列可能会出现比别的列高的情况。这个情况可能不是你...
line-height 可以给某个元素指定一个不带单位的缩放因子，这样它的后代元素就会继承这个缩放因子，再根据自身的字号大小来计算自己的行高(line-height)值， body { font-size: 12px; line-height: 1.5;}h1 { font-size: 36px;} 这里，body 的 line-height 是 18px（12 * 1.5），而 h1 的 line-height 则是 54px（36 * 1.5）。 就算使用 em，百分比等相对单位，后代元素继承的仍然是计算后的行高(line-height)值，...
CSS 指层叠样式表 (Cascading Style Sheets)。样式定义如何显示 HTML 元素。它通常存储在样式表中，把样式添加到 HTML 4.0 中，解决内容与表现分离的问题。 当同一个 HTML 元素被不止一个样式定义时，会使用哪个样式呢？ 一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。 浏览器缺省设置 外部样式表 内部样式表（位于 标签内部） 内联样式（在 HTML 元素内部） ...
HTML元素 HTML文档是由HTML元素定义的。HTML元素是指从start tag（opening tag）到end tag（closing tag）的所有代码，即start tag + content + end tag。HTML有start tag开始，由end tag结束。对于某些元素为空内容（NULL），则在start tag中进行关闭。 嵌套的HTML元素 大多数元素都可以嵌套，HTML文本是有嵌套的HTML元素组成的。 e.g： -----其中元素的内容是另一个HTML元素。 this is a paragr...
这次我们来说下列偏移： 列偏移就是使用 .col-md-offset-* 类可以将列向右侧偏移。这些类实际是通过使用 * 选择器为当前元素增加了左侧的边距（margin）。例如，.col-md-offset-4 类将 .col-md-4 元素向右侧偏移了4个列（column）的宽度。 废话不多说，直接上代码 Bootstrap-Template-05 再来看看效果图吧，因为我们这里只是做了一个中等屏幕的效果，不用再做...
[黄映?/Tunny,20140711] Less 是一个Css 预编译器,意思指的是它可以扩展Css语言,添加功能如允许变量(variables),混合(mixins),函数(functions) 和许多其他的技术，可让Css更具维护性，主题性，扩展性。 本文为Less入门与语法梳理，包括一些入门级例子，适合对Less有入门级了解的开发者查阅。 LESS 源文件的引入方式与标准 CSS 文件引入方式一样： 在我们需要引入 LESS 源文件的 HTML 中加入如下代码： ...
这次我们来说下列排序： 通过使用 .col-md-push-* 和 .col-md-pull-* 类就可以很容易的改变列（column）的顺序。 Bootstrap-Template-07 看下运行效果图： 可以看出，我定义了三行。第一行被平均分成4份，每份占有3列。这一行主要是为了与下面两行进行对照的。第二行里只有一个元素且占有3列，然后对此元素也添加了.col-md-push-3的样式类。（让占有3个列的...
前几日花了一天去看less，这几日在捣鼓其他东西，项目也在有序的进行中，今天花点时间整理下less的基础语法，也分享实际中的一些经验，与众人共享。 本篇笔者以less的基础语法着手，并配合bootstrap的逻辑结构给大家梳理下less的语法，方便以后实战中快速开发。 1.变量 与许多后台编辑语法类似，less也有着自己的变量，不过less中的变量更确切来说是一种常量，一次赋值永不改变。 @font-size：14px; p{font-...
《CSS3基本选择器》 一、通配符选择器（＊） *{ marigin: 0; padding: 0; } 二、元素选择器(E) ...
完整的HTML结构
一、html版本 HTML 1991年 HTML+ 1993年 HTML2.0 1995年 HTML3.2 1997年 HTML4.0.1 1999年 XHTML1.0 2000年 HTML5 2012年 XHTML5 2013年 二、html标签 开始标签 元素内容 结束标签 content 如果没有元素内容的话，就是空元素，需要在开始标签中进行关闭，如 br:break row换行 单标记有：,,, 三、常见HTML标记 结构标记：html,head,body 头部标记：title,meta,link,style,base ...
前面说过样式规则，也知道了样式规则语法形式为：选择器+声明块 如：div{ color：black；padding：10px; } div即表示选择器(此处是元素选择器)，花括号中的内容就是声明块。 选择器用于指定样式规则可作用于HTML文档中的哪个或者哪些元素。常见的选择器类型有以下几种： 1、元素选择器(类型选择器)：匹配选择器的网页上的任何HTML元素，不考虑这些元素在文档树中的位置。 如：p{ background:aqua; color:pink; } 匹配网页上...
CSS的文本属性用于控制文本的段落格式，如设置首行缩进，段落对齐方式、字间距、行间距等。 1、设置文本首行缩进：text-indent 可选属性值包括： 长度 / 百分比 2、设置文本对齐方式：text-align 可选属性包括：left / right / center，分别表示相左对齐，向右对齐，居中对齐 3、设置文本修饰方式：text-decoration 可选属性包括：none / underline (下划线) / overline(上划线) / line-through(删除线) / blink(闪烁) 4、...