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://pwwzsj.com/article/gsoejd.html