1-01H5代码

Posted 2022-07-22 douyacai7822

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旋转