码迷,mamicode.com
首页 > 其他好文 > 详细

1-01H5代码

时间:2019-08-17 18:05:05      阅读:75      评论:0      收藏:0      [点我收藏+]

标签:bottom   边框   鼠标悬停   under   src   textarea   code   包含   res   

html代码集

font【文字】

font-size:1px           文字大小
color:red               文字颜色
font-family:“字体”       文字字体
font-weight:bold        文字加粗
font-style:italic       文字倾斜

text【文本】

text-align:left/center/right    居中对齐/左右对齐
text-align:justity              两端对齐
text-decoration:overline        上划线
text-decoration:line-through    中划线
text-decoration:underline       下划线
text-indent:1px/10%             首行缩进
text-shadow:(x y size color)   文字阴影 
line-height:1px/10%             行高
word-spacing:1px/10%            字间距
vertical-align:sub               垂直方向对齐下标
vertical-align:sup               垂直方向对齐上标
vertical-align:top               垂直方向对齐最高元素
vertical-align:bottom            垂直方向对齐最低元素
vertical-align:text-top          垂直方向对齐与副高对齐
vertical-align:middle            垂直方向对齐放在父元素中部

border【边框】

border-width:1px;           边框宽度
border-color:red;           边框颜色
border-style:solid;         实线
border-style:bouble;        双线
border-style:dashed;        虚线
border-style:botted;        点状
border-radius:50%            圆角
outline-width/color/style     外边框,不占据空间

box【盒子】

box-sizing:content-box          内容盒子
box-sizing:border-box           边框盒子
box-shadow:(x y size color)    盒子阴影

img【图片】

src="路径"
alt="图片说明文字"
tittle="鼠标悬停时提示文字"

a【超链接】

href:"路径"
title="鼠标悬停时提示文字"
target="_blank"         在新窗口打开

background【背景】

background-image:url();         插入背景图片
background-repeat:no-repeat     显示一张图
background-repeat:repeat-x      横向平铺
background-repeat:repeat-y      纵向平铺
background-position:x,y        横纵坐标定位
background-position:top/center/bottom/left/right    上中下/左中右
background-attachment:scroll;  默认滚动
background-attachment:fixed     固定

from【表单】

1.属性
name 属性:    规定表单的名称,name属性提供了一种在脚本中引用表单的方法 
action属性:   规定当提交表单时,向何处发送表单数据。
method属性:   规定如何发送表单数据(表单数据发送到 action 属性所规定的页面) 
2.文本框
<input type="text">

value:          设定值
placeholder:    定义框内提示文字
maxlength:      最大字符
size:           字段宽度
3.密码框
<input type="password">

value"按钮内容">  设定值
placeholder      定义框内提示文字
4.提交按钮
<input type="submit">
5.按钮
<input type="button">
6.重置按钮
<input type="reset" >
7.文本域
<input type="textarea">
cols:   规定文本区域内可见的宽度
rows:   规定文本区域内可见的行数

position【定位】

position:relative      相对定位,不脱离文档流,最佳包含块
position:absolute       绝对定位,脱离文档流,
position:fixed          固定定位,脱离文档流
position:sticky         粘性定位
z-index:1               层叠序列

overflow【溢出显示】

overflow:visibile           默认溢出显示
overflow:hodden             溢出隐藏
overflow:scroll             总是显示滚动条
overflow:auto               若移除则显示滚动条

transform【旋转】

transform:translate(x,y)    2D旋转
transform:translate(x,y,z)  3D旋转

1-01H5代码

标签:bottom   边框   鼠标悬停   under   src   textarea   code   包含   res   

原文地址:https://www.cnblogs.com/douyacai7822/p/11369268.html

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