Toby的博客

经常做前端的人员应该会注意到，html文档中有些字符具有特殊的含义——最明显的是 ，在有的地方需要用到他们，但是又不想他们被错误的当做html处理，为此就应该使用html实体。还有一种原因是因为有些字符在ASCII字符集中没有定义，因此需要使用实体来表示。实体是浏览器用来代替特殊字符的一种代码。            用实体（Entity）名字的好处是比较好理解，一看lt，大概就猜出

前言meta是html语言head区的一个辅助性标签。也许你认为这些代码可有可无。其实如果你能够用好meta标签，会给你带来意想不到的效果，meta标签的作用有：搜索引擎优化（SEO），定义页面使用语言，自动刷新并指向新的页面，实现网页转换时的动态效果，控制页面缓冲，网页定级评价，控制网页显示的窗口等！html的meta总结meta标签的组成：meta标签共有两个属性，它们分别是htt

做过页面布局的同学对z-index属性应该是很熟悉了，z-index是针对网页显示中的一个特殊属性。因为显示器是显示的图案是一个二维平面，拥有x轴和y轴来表示位置属性。为了表示三维立体的概念如显示元素的上下层的叠加顺序引入了z-index属性来表示z轴的区别。表示一个元素在叠加顺序上的上下立体关系。z-index值较大的元素将叠加在z-index值较小的元素之上。对于未指定此属性的定位

很多人在写代码的过程中会出现css样式冲突的情况，那么我们怎样才能应用我们想用的样式，下面就个人经验写了一点总结！ 1.权值（浏览器是根据权值来判断使用哪种css样式的，哪种样式权值高就使用哪种样式）①标签的权值是 1;②类（class）选择器的权值是 10 ;③id选择器的权值是 100 ;④伪元素（:first-child）权值是 1 ;⑤伪类（:link）权值是

元素类型HTML的元素可以分为两种：块级元素（block level element）内联元素（inline element 有的人也叫它行内元素）两者的区别主要在于以下三点：     1、块级元素会默认独占一行，而内联元素则会显示到一行上。     2、块级属性可以设置width、height属性，而内联元素设置无效。     3、块级元素的宽度默认是100%，而内联元素的宽度则是根据自身的内容

在前端开发的过程中，很多人会发现这样一个简单而又常碰到的问题，z-index属性设置失效。在CSS中，只能通过代码改变层级，这个属性就是z-index。一、失效原因1、父标签position属性为relative。2、问题标签无position属性（不包括static）。3、问题标签含有浮动（float）属性。二、解决办法1、position:relative改为posit

Zencoding    首先看看这个zencoding代码：点击(此处)折叠或打开html>head>(title+style+script[src=abc$.js]*3)+body>((.content>.nav>ul>li*5>a>span)+(.sidebar>.top+.middle+.bottom)+.main>.acticle*3>h1

CSS的很多其他属性大多容易理解，比如字体，文本，背景等。有些CSS书籍也会对这些简单的属性进行大张旗鼓的介绍，而偏偏忽略了对一些难缠的属性讲解，有避重就轻的嫌疑。CSS中主要难以理解的属性包括盒型结构，以及定位。正如positioniseverything，本文将主要讲述关于position的理解，力求让您看完本文后对position有着最全面的认识。position的四个属性值：

今天在牛客网刷题的时候看到有关浮动清除的问题，在之前的开发中虽然也遇到并解决过类似的情况但是没有做过系统的总结。在segmentfault看到一篇不错的文章来讲解总结这个常见的问题，转载过来学习一下。什么是CSS清除浮动？在非IE浏览器（如Firefox）下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度...