HTML常用样式代码收集整理
//文本框
---------------------------------------------------------
--
-----------------------------------------------
打开一个网址
--------------------------------------------------------
邮箱链接
mailto:75171653@qq.com?subject=推荐工具@实用查询&body=内
容
-------------------------------------------
//背景图样式
.unnamed1 {
background-attachment: fixed;
background-image: url(images/index_08.jpg);
background-repeat: no-repeat;
background-position: center top;
}
-----------------------------------------------------
---------------------------------------
---------------------------------------------------------
-
value="radiobutton" checked> 单选按钮/其中“checked”为
默认行为选中/
checked> 复选框/其中“checked”为默认行为选中/
按钮
文本区域
style="width:580px;height:50px;border:solid 1px #000000;"
给文本区域加边框
---------------------------------------------------------
-----
style="border-bottom:1px dotted #FFF" 底部点状线条
宽度
style="border-top:solid 1px #000000;border-bottom:solid
1px #000000;border-right:solid 1px #000000;border-
left:solid 1px #000000;"
---------------------------------------------------------
--------------------------
页面顶部空隙
body {
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
文字颜色
样式1
-------------------------------------------------------
----------------------------------//页面内的滚动条
----------------------------------//文字按钮效果
onmouseover="this.bgColor='#0099FF'"
onmouseout="this.bgColor='#ffffff'"
---------------------------------------------------------
----------------------------
style="position:relative;left:11px;top:12px;>WARRANTY an> //相对定位字的位置。 type="position:relative;right:1px;left:1px;top:1px;bottom :1px;" //同上 style="position:absolute;left:11px;top:12px;>WARRANTY an> //绝对定位字的位置。 type="position:absolute;right:1px;left:1px;top:1px;bottom :1px;" //同上 --------------------------------------------------------- ---------------------- ........... #right{ position:relative; top:-414px; //位置:相对的 font-style:italic; //斜体 width:150px; height:375px; float:left; //浮动在左边 font-family:tahoma; font-size:13px; color:#000000; font-weight:bold; text-align:right; } 需要先: 内容 --------------------------------------------------------- ----------- 常用字体:arial, verdana, helvetica, sans-serif; 格式1
格式2
格式3
font-style:italic; //斜体
---------------------------------------------------------
---------------
列 |
background="images/terminatorscooter-homepage-.jpg" 背
景图
---------------------------------------------------------
-----------------------------
class用 .outo{ }
id用#outo{ }
---------------------------------------------------------
---------------------
style="background-repeat:no-repeat;" //不允许背景图重复
---------------------------------------------------------
------------------
java script
document.writeln(" 网页内容 "); //java调用程序
href="/style/global_style.css"> //css应用
---------------------------------------------------------
------------------------
常用字体:arial, verdana, helvetica, sans-serif;
position:relative;right:1px;left:1px;top:1px;bottom:1px;
//相对定位
position:absolute;right:1px;left:1px;top:1px;bottom:1px;
//绝对定位
text-decoration:none; //超连接去下划线
text-decoration:underline; //超连接下划线
background="images/…" 背景图
background-repeat:no-repeat; //不允许背景图重复
document.writeln(" 内容 "); //java调用程序
href="/style/global_style.css">
文字颜色
黑体
leftmargin=0 //左页边空白
topmargin=0 //顶页边空白
cellpadding=0 //填充
cellspacing=0 //间距
strong //加粗
• //黑色小圈
‾ //上划线
← //左箭头
↑ //上箭头
→ //右箭头
↓ //下箭头
↔ //双箭头
---------------------------------------------------------
--------------------
style="background-repeat:no-repeat;" //不允许背景图片重
复出现
line-height:2px; //字线高
text-decoration:none; //超链去下划线
style="position:relative; top:1px;"
文字
文字
//给搜索引擎看要找
的内容名
//浏览器用什么编码
class 用 .outo
id 用 #outo
¥ 元符号
body {margin:0; padding:0px;} //整个页面边空白和填充
#header {margin: auto; height:70px; background-
color:#d1c9df;}
#content {margin:0 auto; height:400px; background-
color:#336699;}
#content #left {width:20%; height:100%; float:left;
background-color:#f0f1c6;}
#content #right {height:100%; background-color:#ffffff;}
#footer {margin:0 auto; height:70px; background-
color:#d1c9df;}
js脚本结束