<html>部分：包括头部标签<head></head>和内容标签<body></body>
头部标签包括：<title></title>、<link/>、<meta/>、 <style></style>、<script></script>;
常用标签包括：
标题标签：<h1></h1>…<h6></h6>;
段落标签：<p></p>;
预格式化标签：<pre></pre>;
换行符：<br/>;
字符格式化：包括加粗<b></b> 斜体<i></i> 上标<sup></sup> 下标<sub></sub> 下划线<u></u>;
水平线:<hr/>;
字体:<font></font>;
跑马灯效果：<marquee></marquee>;
参数：
Onmouseout=“this.start()”鼠标离开时继续滚动；
Onmouseover=“this,stop()”鼠标点击时停止滚动；
Behavior 设置滚动方式
alternate 来回滚动 scroll 重复的滚动 slide不重复的滚动；
Direction 设置滚动方向；
Hspace 设置字幕与容器间的水平距离；
Vspace 设置字幕与容器间的垂直距离；
Loop 表示滚动次数；
Scrollamount 设置滚动的速度；
Scrolldelay 设置活动屏幕延迟的滚动间隔。
列表标签包括：
无序列表：<ul>
<li></li>
<li></li>
</ul>
有序列表<ol>
<li></li>
<li></li>
</ol>
自定义列表<dl>
<dt>列表标题</dt>
<dd>列表内容</dd>
</dl>
表格标签：<table>
<tr>
<td></td>
</tr>
</table>
框架集标签：<frameset></frameset>；
参数：
Rows 横向分割窗口 *代表余下的
Cols 纵向分割窗口
活动框架标签：<iframe></iframe>；一个单独的页面
同时还有绝对路径和相对路径的概念：
绝对路径：是指从网上浏览某个图片或网页时的地址；
例如：http://www.baidu.com/image/1.jpg
相对路径：是指本地电脑上的图片或者是网页；
相对路径常用的符号：
./代表当前目录 ../代表上一目录 ../../代表上上目录
常用的特殊字符：
—- 空格；
> —- 大于号；
< —- 小于号；
¥—-人民币符号；
©—-版权符号；
还有两个重要的标签：
超链接<a></a>
超链接常用属性：
Target：指定打开页面的方式 _black新的页面 _self当前页面；
表单<form></form>
表单常用属性：
Action：指定服务地址；
Method：指定提交方式 POST&GET；
CSS（Cascade Style Sheet）层叠样式表部分：
- css选择器：
包括 ：类选择器 、ID选择器 、元素选择器、后代选择器、伪类选择器
类选择器：通过class属性查找元素
例如： .class{….}
<a class=”class”></a>
类选择器的css样式可共多个元素使用；
ID选择器：通过id属性来查找元素
例如：#class{…}
<a id=”class”></a>
一条id属性的css样式只能被一个id元素使用，不能重复使用
元素选择器：根据元素名称找到元素
例如：a{….}
<a></a>
后代选择器：改变某css样式下的某个元素；
例如： #nav li{…}
<div id=”nav”>
<ul>
<li>…</li>
<li>…</li>
</ul>
</div>
伪类选择器：改变某种元素在特定情况下的样式；
例如：
a:link{…}
a:visited{…}
a:hover{…}
a:active{…}
设定样式的顺序不可更改 依次为 link visited hover active
想要更改元素在特定情况下的样式 只需
元素名称: link & visited & hover & active {….}
改变输入框样式 ：
Css样式 input：focus{background：#ccc}
<input type=”text”/>
背景样式属性：
背景颜色：background-color
背景图片：background-image
背景重复:background-repeat
背景位置：background-position
文本属性：
字符间隔：letter-spacing
单词间隔：word-spacing
水平对齐：text-align
字符缩进：text-indent 单位em 表示缩进两个字符
字符转换：text-transform
文本装饰：text-decoration
文本颜色：color
字体属性：
字体系列：font-family
字体粗细：font-weight
字体样式：font-style
字体大小：font-size
字体颜色：color
设置行高：line-height
列表样式：list-style:none 列表符号位图像 list-style-imag：url（）
边框样式:
边框粗细:border-width:
边框颜色：border-color
边框样式：border-style
上边框样式：border-style-top
下边框样式：border-style-bottom
左边框样式：border-style-left
右边框样式：border-style-right
CSS元素分类：包括 块级元素、行内元素
块级元素较霸道,不允许和它同用一块
例如：div ul ol li h1-h6
行内元素允许其他元素在一起
例如：a img p span
将行内元素转换成块级元素 display：block
将块级元素转换成行内元素 display：inline
知识重点：
Css盒子模型
包括外边距：margin 内边距：padding 边框：border
Margin和padding一样 都是按照上 右 下 左的顺序设置样式
居中显示： margin：auto；
浮动布局：float
技巧：如果想要多个块级元素显示在一行，则他们浮动的方向相同
绝对定位：positio：absolute
相对定位：position：relative
- 注意：
绝对定位布局的时候，如果父元素是相对定位（position:relative），那么绝对定位的元素相对于父元素移动；如果父元素不是相对定位，绝对定位的元素相对于body来移动
区别：绝对定位是不占用原来的位置空间，是按照父元素来进行定位；相对定位移动后仍占用原来的位置空间，且移动位置的坐标是按照原来位置做参考而不是父元素。
扫一扫
840
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
