- 浏览: 7228 次
- 性别:
- 来自: 中山
最新评论
文章列表
CSS3-设置文本样式
<!-- 应用基本文本样式 -->
<!-- text-align: start, end, left, right, center, justify -->
<!-- text-justify: 如果text-align使用了justify属性,那么justify用来指定对齐文本的规则 -->
<style type = "text/css">
p {
text-align: center;
}
</style>
<!-- text-justify ...
CSS3-创建布局
<!-- 定位内容 -->
<!-- position 设置定位方法 -->
<!-- left 为定位元素设置偏移量 -->
<!-- right -->
<!-- top -->
<!-- bottom -->
<!-- z-index 设置定位元素的层叠顺序 -->
<!-- position 属性 : -->
<!-- static 默认,普通布局 -->
<!-- relative ...
CSS3-使用盒模型
<!-- 为元素应用内边距 -->
<!-- padding-top: -->
<!-- padding-bottom: -->
<!-- padding-left: -->
<!-- padding-right: -->
<!-- padding: 顶 右 底 左 -->
<style type = "text/css">
table {
padding ...
CSS3-使用边框和背景
<!-- 使用边框样式 -->
<!-- border-width 设置边框宽度 -->
<!-- border-style 设置绘制边框使用样式 -->
<!-- border-color 设置边框使用颜色 -->
<!-- 定义边框宽度 -->
<!-- 可用属性: -->
<!-- css度量单位,如em, px, cm -->
<!-- <百分数> -->
<!-- thin, medium, thick ...
CSS3-使用CSS选择器(第二部分)
<!-- 使用结构性伪类选择器 -->
<!-- 使用根元素选择器 -->
<style type = "text/css">
:root{
border: thin black solid;
padding: 4px;
}
</style>
<!-- 总是返回html元素 -->
<!-- 使用子元素选择器 -->
<!-- 使用 :first-child 选择器 -->
<style type ...
CSS3-使用CSS选择器
<!-- 选择所有元素 -->
<!-- * -->
<style type = "text/css">
*{
border: thin black solid;
padding: 4px;
}
</style>
<!-- 根据类型选择元素 -->
<!-- <元素类型> -->
<style type = "text/css">
a,th{
border: thi ...
HTML5元素-嵌入内容
<!-- 嵌入图像 -->
<img src = "" alt = "" width = "" height = ""/>
<!-- 可用属性: src, alt, height, width, usemap, ismap -->
<!-- 在超链接里嵌入图像 -->
<a href = "">
<img src = "" alt = "" w ...
HTML5元素-其他表单元素及输入验证
<!-- 生成选项列表 -->
<select name = "">
<option value = "" selected label = ""> </option>
<option value = "" >label</option>
</select>
<!--属性: name, disabled, form, autofocus, required, size, ...
HTML5元素-定制input元素
<!-- 用input元素输入文字 -->
<input type = "text"> </input> <!-- 不写type时,默认是text -->
<!--text型属性-->
<!-- maxlength = "" 最大可输入字符数 -->
<!-- size = "" 宽度足以显示字符数 -->
<!-- value = "" 设初始值 -->
<! ...
HTML5元素-表单
<!-- 制作基本表单 -->
<form method = "post" action = "">
<input/>
<button> </button>
</form>
<!-- 配置数据编码 -->
<form enctype = "multipart/form-data">
</form> <!-- 该编码方式用于将文件上传服务器 -->
<fo ...
HTML5元素-表格元素
<!-- 生成基本的表格 -->
<table>
<tr>
<th></th>
<th></th>
</tr>
<tr>
<th></th>
<tr></tr>
</tr>
</table>
<!-- 为表格添加 表头,表体,表脚 -->
<table>
<thead>
<tr> ...
HTML文档分节
<!-- 标题 -->
<h1>第一级标题</h1>
<h2>第二级标题</h2>
<h3>第三级标题</h3>
<h4>第四级标题</h4>
<h5>第五级标题</h5>
<h6>第六级标题</h6>
<!-- 标题组 -->
<hgroup>
<h1> </h1>
<h2> </h2>
< ...