Html5，Css初学总结
网页制作
HTML
一、通用模板：
在景宁畲族自治等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供网站设计制作、成都网站设计 网站设计制作定制网站建设,公司网站建设,企业网站建设,品牌网站设计,全网营销推广,外贸网站制作,景宁畲族自治网站建设费用合理。
主要内容
二、网页三要素：
1. 元素标签：
（1） 同行显示：
（斜体标签）
(粗体标签)
标记代码
（2） 换行显示：
1.
(标题1标签)
2.
(标题2标签)
3.
4.
(段落标签)
5.注:一个页面最多使用一次！不能放置header; footer ; aside; article中
6.
7.
8.
(分隔线标签)
9.
10.
（3） 未知：
1. (图像标签)
2. (字体标签)
3. (粗体标签)
4. (斜体标签)
5. (下划线标签)
6.(上标标签)
7.(下标标签)
8．
9.
10.
11.
- 有序列表
- 有序列表
- 有序列表
12.
- 无序列表
- 无序列表
- 无序列表
13．添加内容(表现为加下划线)
14.删除内容（表现为加删除线）
15.标签通常表示它所包含的文本对某个参考文献的引用，比如书籍或者杂志的标题。按照惯例，引用的文本将以斜体显示。
16.
2. 属性:
: src; width; height; alt
3. 值：
三、其他：
4. 注释：
如：
5.学习相关链接：
网页转义符号HTML代码大全：http://www.cnblogs.com/web-d/archive/2010/04/16/1713298.html
HTML系列教程：http://www.w3school.com.cn/h.asp
各类标签及其用法：http://www.w3school.com.cn/tags/tag_doctype.asp
6．链接锚链接：链接到某一页面的特定区域。
CSS
模板：Selector(选择器){
Attribute(属性): value(值) ;
} // 各种元素。
Color：#000000(黑色)/#ffffff(白色)
注：单斜杆表示或者！
1.链接样式：
a:link{
color: blue;
} /*链接激活前的外观*/
a:hover{
color: orange;
} /*鼠标指向链接时的外观*/
a:hover{
color: red;
} /*激活链接后的外观*/
2.文本样式：
字体：
font-family: Geneva,Tahoma,sans-serif; /*字体类型,三选一*/
font-style: italic/normal; /*斜体和正体二选一*/
font-weight: bolder/bold/normal/lighter; *更粗/正常/更细/三选一*/
font-size: 16px/1em; /*字体大小，默认1em=16px*/
line-height:16px /*行高*/
字间距：word-space:length(4px或其他);
字偶距: letter-space:length(4px或其他);
添加缩进：text-indent: length(2em或其他);
对齐文本：text-align: left/right/center/justify（两端对齐）;
修改文本大小写:text-transform: uppercase(大)/lowercase(小)/none;
装饰文本：：text-decoration: underline/overline/through/none;
(下划线/上划线/删除线/无)
3.元素显示方式：display: block/inline/; (换行/行内显示)
4.元素可见性：visibility: visible/hidden;
5.边框：border-style :dashed/solid/dotted ; (虚线/实线/点划线)
border -width:
border -color:
border:2px solid red;
border-radius:length; //边框圆角半径
6.外/内边距：margin-top/-bottom:length;
Padding：length;
Padding-top/bottom/left/right:length;
7.元素浮动：float:left/right/none;
8.清除浮动：clear:left/right;
9.处理溢出：overflow: visible/hidden/scroll/auto;
10.修改指针形状：cursor: pointer/default/crosshair/move/wait/help;
11.列表标记：
list-style-type:disc/circle/square….;
/*
disc:圆点；circle：圆圈；square：方块；decimal：数字；
upper-alpha：大写字母。
*/
12.有序列表：
- 从2开始编号
List-style-position: inside/outside;
13.fieldset(表单):
表单字段(type属性值)：text/email/password/url/submit/radio(单)/checkbook（复选）
单选框：
复选框:
列表框：
14.表格:
| //表头标记 | //单元格标记 |
|---|---|
| //单元格标记 | //单元格标记 |
Javascript
1. 函数调用：
直接调用 (functionname(形参))
事件响应调用（onclick=”check()”）
超链接调用 (
当前文章：Html5，Css初学总结
本文地址：http://ybzwz.com/article/gsoejd.html
