整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
-音频标签：<audio></audio>
-属性：
src：音频文件路径
loop：循环播放
autoplay：自动播放
preload：预加载，none|metadata|auto
-语法结构：
<!--写法1-->
<audio src="1.mp3"></audio>
<!--写法2-->
<audio>
<source src="1.mp3"></source>
</audio>-视频标签：<video></video>
-属性：
src：音频文件路径
loop：循环播放
autoplay：自动播放
width：宽
height：高
poster：封面图片
preload：预加载，none|metadata|auto
-语法结构：
<!--写法1-->
<video src="1.mp4"></video>
<!--写法2-->
<video>
<source src="1.mp4"></source>
</video>无序列表<ul>
属性：
type：disc默认的，实心圆
circle空心圆，square方块
使用：type默认实心圆
<ul>
<li>张三</li>
<li>李四</li>
</ul>type默认为实心圆
使用：type空心圆
<ul type="circle">
<li>张三</li>
<li>李四</li>
</ul>circle为空心圆
使用：type方块
<ul type="square">
<li>张三</li>
<li>李四</li>
</ul>square方块
有序列表<ol>
属性：
type：取值有1,a,A,i,I，分别代表数字，小写字母序列，大写字母序列，小写罗马数字，大写的罗马数字，默认的是数字，使用方式同上，这里不再图示。
案例：
<ol>
<li>张三</li>
<li>李四</li>
</ol>自定义列表<dl>
一般用来进行图文展示
案例：
<dl>
<dt>
<img src="images/car-1.png" alt="">
</dt>
<dd>凯美瑞</dd>
</dl>这两个都可以当作容器来使用，嵌套其他标签
div：块级元素，默认占整行
span：行级元素，内容多宽他就多宽
结构组成：
table：表格标签
tr：行标签
td：列表签
两行两列：
<table border="1">
<tr>
<td>姓名</td>
<td>年龄</td>
</tr>
<tr>
<td>张三丰</td>
<td>100</td>
</tr>
</table>border="1" 表示表格边框宽度为1px
合并行：rowspan
<table border="1">
<tr>
<td rowspan="2">姓名</td>
<td>年龄</td>
</tr>
<tr>
<td>100</td>
</tr>
</table>合并列：colspan
景样式
1.背景属性缩写
Background: 背景色 背景图片 背景平铺方式 背景定位
例：body {
background-color:# EDEDED;
background-image:url(images/bg.png);
background-repeat:no-repeat;
background-position:50% 30px;
}
缩写后：
body { background:#EDEDED url(images/bg.png) no-repeat 50% 30px;}
尺寸样式
1.宽度
width : auto | length
例：
p { width:300px;} div { width:50%;}
2.高度
height : auto | length
例：
img { height:200px;}
div { height:100px;}
边框样式
1.边框线
border-style : none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
例：div { width:300px; height:100px; border-style:solid; ｝
border-top-style 设置上边框线
border-bottom-style 设置下边框线
border-left-style 设置左边框线
border-right-style 设置右边框线
2.边框宽度
border-width : medium | thin | thick | length
例：
div { width:300px; height:100px; border-style:solid; border-width:1px; ｝
border-top-width 设置上边框宽度
border-bottom-width 设置下边框宽度
border-left-width 设置左边框宽度
border-right-width 设置右边框宽度
3.边框颜色
border-color : color
例：div {
width:300px;
height:100px;
border-style:solid;
border-width:1px;
border-color:#FF0000;
}
border-top-color 设置上边框颜色
border-bottom-color 设置下边框颜色
border-left-color 设置左边框颜色
border-right-color 设置右边框颜色
4.边框样式缩写
border : border-width || border-style || border-color
例：div {
width:300px;
height:100px;
border-style:solid;
border-width:1px;
border-color:#FF0000;
}
缩写后：div {
width:300px;
height:100px;
border:1px solid #FF0000;
}
外边距
margin : auto | length
例：div { width:300px; height:100px; margin:10px;}
div { width:300px; height:100px; margin:0 auto;}
margin-top 设置上边的外边距
margin-bottom 设置下边的外边距
margin-left设置左边的外边距
margin-right设置右边的外边距
缩写型式：
margin: 上边距 右边距 下边距 左边距
margin: 上下边距左右边距
margin: 上边距 左右边距 下边距
内边距
padding : length
例：
div { width:300px; height:100px; padding:10px;}
padding-top 设置上边的内边距
padding-bottom 设置下边的内边距
padding-left设置左边的内边距
padding-right设置右边的内边距
缩写型式：
padding: 上边距 右边距 下边距 左边距
padding : 上下边距左右边距
padding : 上边距 左右边距 下边距
列表样式
1.项目符号
list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha |
katakana | katakana-iroha | lower-latin | upper-latin
例：
ul { list-style-type:disc;}/*实心圆*/
ul { list-style-type:circle;}/*空心圆*/
ul { list-style-type:square;}/*实心方块*/
ul { list-style-type:none;}/*不显示项目符号*/
ol { list-style-type:decimal;}/*阿拉伯数字*/
ol { list-style-type:lower-roman;}/*小写罗马数字*/
ol { list-style-type:upper-alpha;}/*大写英文字母*/
2.自定义项目符号
list-style-image : none | url ( url )
例：
ul {list-style-image:url(images/arrow.gif)}
链接样式
1.链接没有被访问时的样式
a:link
例： a:link { color:#ff0000; }
2.链接被访问后的样式
a:visited
例： a:link { color:#0000ff; text-decoration:none; }
3.鼠标悬停在链接上的样式
a:hover
例： a:link { background-color:#ccc; }
4.鼠标点击链接时的样式
a:active
例：a:active { background-color:#ff0000;}
*请认真填写需求信息，我们会在24小时内与您取得联系。
