HTML的中文名字：超文本标记语言
Web开发原理：
1、客户机/服务器计算机模式（C/S）
2、浏览器/服务器计算机模式（B/S）
3、B/S机构Web应用程序工作原理：Web浏览器----HTTP协议---->Web服务器
4、网页分类：静态网页、客户端动态网页、服务器端动态网页
XHTML基础：
文档级元素：html、head、body
定义段落：<p>...</p> ,blockquote元素界定一个引用文本块
列表：
有序列表：<ol> <li>..</li> </ol> 无序列表：<ul> <li>..</li> </ul> 定义列表：<dl> <dt>..</dt> </dl>
预编排元素：<pre>...</pre>
分区元素：<div>...</div>
跨字符元素：<span>...</span>
插入图片：<img src="图片路径" />
网页中显示图形：<img src="路径" alt="指定图不能显示时显示文本" />
Web链接基本组件：链接和目标
<a href=" ">文本</a>
表格状数据：
标记定义<table>...</table>
分行： <tr>...</tr> 分列：<td>....</td>
格子与格子间的间距：cellspacing
格子与格内内容的间距：cellpadding
合并相邻边框线：border-collapse
设置列间距：border-spacing
合并单元列：<th colspan="...">....</th>
合并单元行：<th rowspan="...">....</th>
表头：<thead>...</thead> 表内：<tbody>....</tbody> 表尾：<tfoot>....</tfoot>
网页中插入其它网页：
<iframe src=".." width="宽度" height="高度" scrolling="auto/no/yes" frameborder="0/1" name="框架名">...</iframe>
块级元素：div、blockquote、(dl、ul、ol)、fieldset、form、h1--h6、hr、p、pre、table
内嵌元素：span、a、img、lable、iframe、object
HTML与XHTML的区别：
在XHTML中标记名称必须小写；
XHTML属性必须小写；
XHTML标记必须正切嵌套；
XHTML编辑必须关闭；
即使是空元素也必须关闭；
XHTML属性值必须用双引号括起来
XHTML表单：
表单格式：<from action=" 表单处理程序的URL " method="get/post>
控件：
文本框：<input type="text" name="..."/>
单/复选框：<input type="radio/checkbox" name="..."/>
口令框：<input type="password" />
提交/取消/命令按钮：<input type="submit/reset/button" name="..."/>
下拉列表：<select> <option>...</option> </select>
多行文本框：<textarea row="高度" cols="宽度">...</textarea>
CSS基础：
css优点：
提高页面浏览速度；
缩短改版时间；
降低维护费用；
更好的控制页面布局；
实现表现、结构、内容分离；
更方便搜索引擎的搜索
外部样式表：在新建文件（.css）中定义样式；<head> <link rel="stylesheet" type="text/css" href=" .css"/>
嵌入式样式表：<style type="text/css"> p{...} </style>
内联样式表：<p style=".....">...</p>
样式规则语法：一个样式规则由一个选择器后跟一个声明块（多个样式）组成
选择器：
元素选择器： em{...}
类选择器： . 类名{....}
ID选择器： #id名{...}
包含选择器： <em>....</em>
伪类选择器：
未访问的链接 a:link {.....}
已访问的链接 a:visited {.....}
鼠标悬停 a:hover {.....}
点击时 a:active {.....}
CSS属性单元：
绝对长度：cm、mm、in、pt、pc
相对长度：px、em、ex
颜色：百分比值、十六进制、整数值（0~255）、简十六进制、名字（red、green）
元素字体改变：
字体名称： font-family
字体倾斜：font-style : normal / italic /oblique
字体变体：font-variant : normal / small-caps
字体字重：font-weight : normal / bold / bolder
字体大小：font-size
文本属性：
首行缩进：text-indent
文本对齐：text-align : left / right / /center
文本修饰：text-decoration : underline(下划线) / overline(上划线) / link-through(删除线) / blink(闪烁)
文本阴影：text-shadow :
行高：line-height
字间距：letter-spacing
词间距：word-spacing
文本大小些：text-transform
背景颜色：background-color
列表格式：list-style-type
CSS页面布局基础：
css盒组成部分：内容区，边框border，内边距padding，外边距margin
内边距padding是内容区和边框之间的区域。可以设置4个值，一个值代表上下左右；两个值代表上下，左右；三个值代表上，左右，下值；四个值代表上有下左值；
外边距margin是边框与另一事物边框的距离。设置与内边距一样
边框: border：none(无) / dotted(虚线) / dashed(粗虚线) / solid(实线) / double(双重边框) / groove / ridge / inset / outset
元素浮动：float:none(无) / left / right
清除浮动：clear:left / right
定位类型：用position属性指定
静态定位 static
相对定位 relative :相对原来的位置通过偏移指定距离到新位置，使用相对定位的盒子在标准流中对其父兄盒子无影响，占据的原始空间被保留
绝对定位 absolute :以它“最近”的一个“已经定位”的“祖先元素”为基准偏移，若没有定位的祖先元素，以浏览器窗口为准进行定位
固定定位 fixed
处理溢出：overflow : visible（默认值，不裁不加滚动条） / hidden（裁内容，不得超过尺寸） / scroll（裁内容，加滚动条） / auto（加滚动条）
指定裁剪区域 ： 必须要绝对定位，clip : top / right / bottom / left ; clip : /rect( 20px 300px 50px auto)
元素可见性：display : none( 元素看不见，并退出当前布局层，不占空间) / block( 内嵌元素转块级元素) / inline( 块级元素转内嵌元素)
visibility: visible( 可见) / hidden( 隐藏) / inherit( 继承)
元素重叠：必须用绝对或相对定位，z-inden:1/2/3.. 数字越大，位置越上
扫一扫
26万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
