html-标签

------定位-----块局元素---
<i></i>倾斜<del></del>删除线<u></u>下划线<sub></sub>上标<sup></sup>下标
块局元素居中margin: 0 auto;      
text-align: justify;文本两端对齐 
position:absolute; top: bottom: right:  绝对定位
static静态定位 
relative相对定位                 clear:both;清除浮动


margin:  边距  
z-index:数字  设置层空间
overflow:hidden;溢出部分 scroll滚动条auto超出范围加滚动条
display:block;转换为块局元素
display:inline;转换为行内元素


-----------------------------------------------------------------------表单元素     
<button></button>按钮type="" submit提交按钮reset充值按钮   
<label></audio>点击任意位置进入输入框  
<input type="text">文本框maxlength最大字符输入


------------------------------------------------------------表格
<caption></caption> 表头
cellspacing="" 表格间距
valign="top"输入居顶
vapace=""页面行高hspace=""页面宽
colspan横向合并rowspan纵向合并
rules控制各个单元格的内侧边框线是否显示
none不显示groups组之间rows行之间cols列之间
frame控制外侧边框线
void不显示 above上below下hsides上下vsides左右lhs左rhs右
----------------------------------------------------------swf文件插入
<embed style="RIGHT: 10px; POSITION: absolute; TOP: 10px"
 align=center src=index.swf width="800" height="500 " 
type=application/x-shockwave-flash wmode="transparent" 
quality="high" ;> </embed>
---------------------------------------------------------------音频插入
<video></video>src=""  controls插入播放控件  autoplay设置后立刻播放视频
loop反复播放poster="图片"播放前的海报
<audio></audio>音频
--------------------------------------------------------------背景
background-position-x:right;  背景图片在横向的最右方显示
background-position-y:top;  背景图片在纵向的最上方显示
background-size:;背景图大小
background-position:;可以是left 100px 100%背景图显示位置
------------------------------------------------------------html行内元素
修饰文字:text-decoration;
转换英文字母大小写:text-transform;
设置中文字符间距:letter-spacing;
设置英文单词间距:word-spacing;
设置段落的水平对齐方式:text-align;
设置段落缩进:text-indent;
设置行间距(行高):line-height;
text-indent:px段落缩进
text-decoration: voerline上划线  underline下划线  line-through删除线
text-decoration:none 超链接去掉下划线
字母大小写设置
text-transform:capitalize首字母大写
 uppercase全部大写 lowercase全部小写
字符间距letter-spacing:px;
--------------------------------------------------------------------无序列表
list-style:none;无序列表去点
<ol start="2" type="I">start可以设置从第几个开始type可以设置语言aA1I
<li></li>
<ol>
---------------------------------------------------------------------超链接
text-decoration:underline;加下划线none去下划线
display:block;链接扩大点击


content="3;URL=res.html"  3秒钟跳转 到




超链接的点击状态
<a></a>
<style>
a:visited{};
visited点击后
active点击的
link未被访问样式


hover鼠标移动上


</style>
-----------------------------------------------------------------导航
.a ul li ul{
display:none;    //指到aaa上面 出现ssssss  aa两个导航
}
<ul>
<li><a href="#">aaa
<ul><li>sssss</li>
<li>s\aa</li>
</li>
</ul>
</ul>
------------------------------------------------------------滚动条
scrollbar-face-color:#333;
scrollbar-3dlight-color:#999 /*立体滚动条亮边的颜色*/
scrollbar-highlight-color:#666; /*滚动条的高亮颜色(左阴影?)*/
scrollbar-shadow-color:#333; /*立体滚动条阴影的颜色*/
scrollbar-track-color:#FFF; /*立体滚动条背景颜色*/
scrollbar-arrow-color:#999;
--------------------------------------------------------------
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值