iteye_16353的博客

[align=center]HTML布局之CSS绝对定位[/align][b]1.1 CSS绝对定位——position[/b][b]1.1.1语法[/b]position:static;无特殊定位，对象遵循HTML定位规则。position:absolute;将对象从文档流中拖出（即脱离他的父级元素），使用left，right，top，bottom等属性进行绝对定位(相对...

[align=center][size=x-large]CSS3 @font-face详解[/size][/align][b]1.1概述[/b] @font-face是CSS3中的一个模块，主要是把自己定义的Web字体嵌入到网页中。[b]1.2语法规则[/b]语法：@font-face { font-family: ; src: [][, [...

[align=center][size=large]HTML img布局问题详解[/size][/align][b]1.1尺寸的设置1.1.1设置方法[/b] 对于一个img元素，可单独地修改 width或者 height 属性来设置大小，同时图片的比例保持不变。即设置宽度为原来的一半时，图片的高度并不是保持原来的大小，而是相应的变成了原来的一半，从而使得图片仍能够保持原有...

[align=center][size=large]HTML中空格的实现方法详解[/size][/align] 浏览器总是会截短 HTML页面中的空格。如果在文本中写10个空格，在显示该页面之前，浏览器会删除它们中的9个。如需在页面中增加空格的数量，需要使用 字符实体。即使是一个空格也尽量不要直接在页面中打，因为在大多数编辑器中空格是透明滴，很容易就被删掉；另外，HTML...

[align=center]文本排版之CSS属性[/align][b]1.1段落设置[/b]1、text-indent，段落首行文字缩进。例：.for-mat{text-indent:20px;[color=green]/*首行缩进20px*/[/color]}2、水平对齐方式——设置或检索对象（图片和文字等）中文本的左中右对齐方式。语法： text-align...

[align=center]盒子模型之元素CSS padding属性[/align][b]1.1概述[/b] CSS padding内补白(内边距)位于对象（边框）以内，或这样说padding样式是位于对象内的内容区域与边框之间的间隔。[b]1.2 CSS padding语法[/b]padding:+数值+单位/百分比数值[color=red]注意：padding的值...

[align=center]盒子模型之元素CSS margin属性[/align][b]1.1 概述[/b] CSS margin外边距/外补白边距样式属性，设置对象四边的外延边距，没有背景颜色也无颜色，即设置对象标签之间距离间隔。[b]1.2 margin语法[/b]margin的值可以为正整数和负整数+html单位；可以为auto自动属性(自动、自适应)；可以...

[align=center]HTML布局之元素浮动属性[/align][b]1.1 CSS float属性[/b]语法：float:left;[color=green]//设置元素靠左浮动[/color]float:right;[color=green]//设置元素靠右浮动[/color]float:none;[color=green]// 默认值。元素不浮动，并会显示在其在文...

[align=center]盒子模型之元素宽高属性[/align][b]1.1概述[/b] 每个元素都有一个继承的height和width属性。根据元素的不同目的，可以修改元素的height和width值以覆盖其默认值。 一个元素默认的height属性由其内容决定。在垂直方向上所有元素都会尽可能的伸缩来适应内容。 一个元素的width取决于它的显示类型。块级元素的...

[align=center]CSS 伪类与伪元素[/align] CSS的元素选择器除了根据id（#）、class（.）、属性（[ ]）选取元素以外，还有很重要的一类，就是根据元素的特殊状态来选取元素。它们就是伪类和伪元素。跟id选择器、类选择器、属性选择器以及派生选择器等这些从HTML文档层次结构（DOM树）中获取元素不同的是，伪类和伪元素是预定义的、独立于文档元素的。它们获取元素...

[align=center][size=large]HTML元素不可见的实现方法详解[/size][/align][b]1.1 display:none;方法[/b] display:none;方法可使元素隐藏，并且不占据任何空间。 对设置了display:none;属性的元素的任何用户交互操作都不可能生效。此外，读屏软件也不会读到元素的内容。 ...