码迷,mamicode.com
首页 > Web开发 > 详细

HTML标签的应用(新手)

时间:2016-09-11 20:10:08      阅读:164      评论:0      收藏:0      [点我收藏+]

标签:

HTML5音视频
video元素支持三种视频格式:ogg,MPEG4,WEBM
audio元素支持三种音频格式:ogg vorbis,wav

CSS
1.块级元素:可以独占一行,可以设置宽高,可以嵌套行内元素和块级元素,内容大小不影响宽高,4个方向都会变化display black
2.行内元素:并不能独占一行,不可以设置宽高,内容大小影响宽高,inline

重点英语单词
article 文章
aside 侧边栏
footer 页脚
header 页眉
nav 导航
section节,区段
css层叠样式表(cascading style sheets)

<div style="border:1px soild red">XX</div> 内联(内嵌)
------------------------------------------------------------------------
<stule type=" text/css">
dic{ 内联
color:green
}
------------------------------------------------------------------------
<link rel="stylesheet" href="../x/.css"> 外部样式表
------------------------------------------------------------------------
@inport"x.css"
选择器
元素选择器
div{
color:red
}
-------------------------------
类元素选择器
.class:"x"{
color:red
}
--------------------------------
ID选择器
#ID:"X"{
color:red
}
---------------------------------
包含选择去=器
h1 span{
color:red
}
<h1><span>【红色】</h1></span>
------------------------------------
子元素选择器
h1>storong{
color;red
}
<h1>this is<strong>【very】</strong><strong>【very】</strong>biggest
-----------------------------------
相邻兄弟选择器
li+li{
color:red
}
<ul>
<li>红<li>
<li>【红】<li>
<li>【红】<li>
<li>【红】<li>
</ul>
-----------------------------------------
通配符选择器
*{
border:soild red
margin:0px
padding:0px
}
重置默认样式(解决兼容性)

 

 

盒模型:
padding:1px 四个方向
padding:1px 1px 上下 左右
padding:1px 1px 1px 上 左右 下
padding:1px 1px 1px 1px 上 右 下 左
水平居中块元素:margin:0 auto
CSS:一切皆为框(盒模型,div)
块级:block
行内:inline
display:none 不显示
block 块级显示
inline 行内
inline-block行内块
table-cell作为单元格来显示
CSS定位机制
1.普通流
2.浮动流
3.绝对流

-------------------------------------------------
position:static 元素框正常显示 静态
relative 偏移向某个距离 相对
absolute 文档流完全删除 绝对 脱离文档流
fixed 固定 脱离外部流

相对定位:原来的位置不被占用
绝对定位;1.原来的位置被占据
2.相对最初的包含块来定位(最近的祖先元素)
3.定位后生成块级框
float:(left right )从左/右排
----------------------------------------------------
水平对齐:text-align margin:0 auto 脱离文档流用不了
>都可用定位对齐
垂直方向:line-height vartical-align
数字(正负)
Z-index< >将两块元素覆盖的部分显现
配合(定位)
浮动完后清除浮动可强制带后面元素换行

HTML标签的应用(新手)

标签:

原文地址:http://www.cnblogs.com/xuyang1995/p/5862544.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!