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、...
随便打开一个网页，按下F12，你会发现一堆密密麻麻的“DIV”，没错，现在大部分的网页都用了CSS+DIV的布局方式。 上篇说了盒子模型，这里就以盒子模型为基础来简单了解一下常用的一种网页布局的方式：CSS+DIV布局。 CSS+DIV布局，就是在整体上用标记把页面分为若干个块，然后对各个块进行CSS定位，最后再在各个块中添加相应内容。 就如建造一座钢结构的建筑物似的，先把整个网页的框架搭建起来，再分别...
border:0;边框存在但不现实 并且占内存 border:none;边框未渲染 HTML的书写规范： 1、标签换行。 2、标签缩进。 3、标签要关闭。 4、标签名属性不能为空。 5、首先要！doctype声明。 6、编码格式为UTF-8。 7、标签要半角英文小写。 8、合理注释。9、类名，id名要有语意的注释。10、 合理嵌套。 相对定位：相对定位，要有一个参照物，但这个参照是它自身，也就是说没设相对定位的位置，但只有设置了才能使 TOP,...
首先做开发码子编完了我们得有个工具去看效果，PC端开发我们有firefox,chrome等等，那么我们做手机web用什么做调试？手机设备多种多样，不同品牌，不同的屏幕尺寸。当然我们不可能把所有的手机设备都买齐了，然后在开发的时候，在桌子上从左到右依次摆放，在写了一段代码之后，从左到右依次刷新，呵呵。如果真有人这么去做，我也不说啥了，我只求跪求土豪咱做朋友吧~嘿嘿。 废话说了一推，说回重点：首先，移动web开发咱需要一个...
盒子模型是CSS控制页面时一个很重要的概念。整个牛腩发布系统中都贯穿着盒子模型的使用，只有很好的掌握了盒子模型以及其中每个元素的用法，才能真正的控制好页面中的各个元素。页面中的元素都可以看成一个盒子，这些盒子之间也会相互影响。 一、盒子的内部结构 首先，我们看一个例子。假如墙上有四幅画，如图排列，对于每一幅画来说，都有一个边框（border）；每个画框中，画和边框有一定距离，称为内边距（padd...
一般而言htmlparser的解析使用得比较多，node库中已经有了，npm install -g htmlparser2就可以安装。 这段时间要实现nodejs上的安全扫描，需要对html,css,js进行解析，css主要是限制一些绝对定位，浮层和url，防止产生钓鱼或攻击。所以写了一个css的解析器。 感觉 这些基础库应该公开出去，但是不知道有多少人有这个需求。