HTML+CSS总结
一,html(超文本标记语言)
标记: <开头标记 属性="属性值"> 网页内容</结束标记>
网页: html标记和网页内容
二,标记
文本段落格式:
<hn></hn>
<p>
<br>
<hr>
<center>
<pre>
<body bgcolor="" background="" align="">
文本显示效果
<font>
<b>
<i>
<u>
<s>
<sup>
<sub>
列表
<ul type="circle/disc/square">
<li></li>
.....
</ul>
<ol type="1/a/A/i/I" start="4">
<li></li>
....
</ol>
图片,视频,音频
<img src="" border="" width="" height=""/>
<embed src=""/>
<bgsound src="" />
超链接
<a href="本地/网址/锚点" >文本</a>
表格
<table border="" bordercolor="" bgcolor="" background="" rules="" frame="" cellspacing="" cellpadding="" align="" height="" width="">
<caption></caption>
<tr>
<th rowspan=""/colspan=""></th>
.....
</tr>
<tr>
<td></td>
</tr>
</table>
表单
<form action="" method="">
<input type="text/password/radio/checkbox/file/hidden/button/submit/reset" id="" name="" value=""/>
<select id="" name="">
<option value=""></option>
....
</select>
<textarea rows="" cols=""></textarea>
</form>
滚动
<marquee direction="" scrollamount="" height="" width="" name=""></marquee>
框架
<frameset rows=""/cols="">
<frame src="" name=""/>
.....
</frameset>
<iframe height="" width="" frameborder="" scrolling=""> </iframe>
三,css(层叠样式表单)
1,行内样式
<p style="css" ></p>
2,内部样式
<style type="text/css"> css样式</style>
3,外部样式
<link type="text/css" rel="stylesheet" href="">
选择器;
1,标签选择器 标签名
2,id选择器 #
3,class选择器 .
4,通配符选择器 * body #p p #p,p
css样式属性
1,字体: color font-size font-family font-weight text-decoration line-height
2,文本
3,背景
background-color background-image background-repeant background-position
4,列表
list-style-image list-style-type
5,边框
border-color border-style border-width
6,外补丁
margin
7,内补丁
padding
8,定位
postion
9,布局
float clear
10,伪类
:link :hover :active :visited
