随笔分类 - HTML CSS
摘要:CSS cursor 属性 CSS 参考手册 CSS 参考手册 实例 一些不同的光标: span.crosshair {cursor:crosshair;} span.help {cursor:help;} span.wait {cursor:wait;} 亲自试一试 实例 一些不同的光标: 亲自试
阅读全文
摘要:css hover伪类选择器 它属于anchor伪类 在支持 CSS 的浏览器中,<a>标签链接的不同状态都可以以不同的方式显示,常常用来改链接的颜色效果 实例 a:link {color:#FF0000;} /* 未访问的链接 */ a:visited {color:#00FF00;} /* 已访
阅读全文
摘要:CSS 清除浮动 clear 属性用于设定元素哪一侧不允许有其他浮动元素(而并非取消元素的浮动)。 例子: 设想这么一种情况,一个div包含的内容都设置了浮动,那么内容就脱离文档流,将导致div实际没包含任何“内容”,如下左图所示: 如何像右图那样在视觉上div包含内容呢?尤其在div要做边框显示的
阅读全文
摘要:总体概念 常见的块级元素有div,form,table,p,pre,h1~h6,dl,ol,ul等。 常见的内联元素有span,a,strong,em,label,input,select,textarea,img,br等。 block,inline和inlinke-block细节对比 displa
阅读全文
摘要:px,对于许多网页设计者来说,是最常用的CSS长度单位。然而,1px到底多长,恐怕没有多少人回答得上来。 CSS长度本身有绝对长度和相对长度的区分。 cm、pt之类的都是绝对长度,它们是物理长度——1cm是1/100米,而1米则大约是光在1秒钟内跑过距离的3亿分之一。(至于光速和1秒的精确值到底是多
阅读全文
摘要:详解CSS position属性 阅读目录 基础知识 绝对定位 固定定位 相对定位 应用举例 总结 position是CSS中非常重要的一个属性,通过position属性,我们可以让元素相对于其正常位置,父元素或者浏览器窗口进行偏移。postion也是初学者容易搞不清楚状况的一个属性,本文将从最基础
阅读全文
摘要:CSS float 浮动属性 CSS float 浮动属性 本篇主要介绍float属性:定义元素朝哪个方向浮动。 目录 1. 页面布局方式:介绍文档流、浮动层以及float属性。 2. float:left :介绍float为 left 时的布局方式。 3. float:right :介绍float
阅读全文
摘要:html块状元素、内联元素 原文在这 块级元素的分类 块级元素按照其应用于结构还是内容分为三种:结构化块状元素,终端块状元素,多目标块状元素。 一.结构化块状元素 这类元素用于构造文档的结构,一个好的文档结构对于搜索引擎和应用其他技术(如JavaScript)都是十分有利的。它们没有语义上的含义,仅
阅读全文