首页 > 代码库 > HTML+CSS·经常使用的设计方法
HTML+CSS·经常使用的设计方法
HTML+CSS·经常使用的设计方法：
======================================================
= margin【外】 =
= padding【内】 =
= = * { margin:0px; padding:0px; }
= = .wrapper{ margin:0 auto; }
= margin: 0 auto; （设置网页左右居中）
= margin: 60px auto; （设置网页【上下60px】左右居中） =
= =类别选择器：class------.p{10:52 2016-5-16 }
= c ：【©】 =ID选择器：id----------#p{ }
= “”：【&quat】 =
= 空格：【 】 =
======================================================
首行缩进2个字符：【text-indent:2em;】
网页居中：【margin：0_auto】
左右合并：【colspan】
上下合并：【rowspan】
默认选中：【checked】
(块元素：<p><h><table>-----独处一行)
浮动：float：left；}
==============================================================================================================
【未访问过的链接样式】==a：link { text-decoration:underline； color：#900b09；}【下划线/紫色】
【被访问过的链接样式】==a：visited { text-decoration:none； color：#900b09；} 【无下划线/紫色】
【鼠标悬浮时的链接样式】==a：hover { text-decoration:underline；color：#ff0000；} 【下划线/红色】
【鼠标点击时的链接样式】==a：active { text-decoration:underline；color：#ff0000；} 【下划线/红色】
==============================================================================================================
{
文件框： <input type="text" size=10/>
密码框： <input tyle="password" size=10/>
多行文本框： <textarea> </textarea>
单选按钮： <input type="radio"/>
复选框： <input type="checkbox"/>
下拉选择框： <select><option> </option></select>
普通按钮： <input type="button">
提交按钮： <input type="submit">
重置按钮： <input type="reset">
}
001--------------------------------------------【滚动标签】
<marquee(滚动标签) direction="right" behavior（滚动方式）="scroll" scrollamount（滚动速度）="10"scrolldelay="10">
</marquee>
001--------------------------------------------HTML 水平线
<hr /> 标签在 HTML 页面中创建水平线。
hr 元素可用于分隔内容。:-----------------
<body>
<p>hr 标签定义水平线：</p>
<hr />
<p>这是段落。</p>
<hr />
<p>这是段落。</p>
<hr />
<p>这是段落。</p>
</body>
==========================================================
002--------------------------居中排列。
<body>
<h1 align="center">This is heading 1</h1>
<p>上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列。</p>
</body>
==========================================================
003-------------------------把图像作为链接
<body>
<p>
您也可以把图像作为链接来使用：
<a href="http://www.mamicode.com/example/html/lastpage.html">
<img border="0" src="http://www.mamicode.com/i/eg_buttonnext.gif" />
</a>
</p>
</body>
==========================================================
HTML+CSS·经常使用的设计方法