学习接触到的标签和样式单词

<a><!--链接:href target-->
<div><!--盒子模型,没有实际的语义-->
<span><!--没有实际的语义,用于布局-->
<br  /><!--转行单标签-->
<table>    
    <tr>
        <tb>    <!--表格标签 其中表头可以用<th>标签-->
<form><!--表单域,通常每个表单都对应有一个表单域 其中属性有 action method-->
<input><!--按钮 其中属性有 type name value-->
<select><!--下拉菜单 和<option>标签连用-->
<textarea><!--表单中经常使用到的留言板块标签,用于定义可以回车的TEXT-->
<lable><!--表单中的标签,例如用户名:这样子 -->
<link /><!--用于连接外部样式表 src属性-->
<img /><!--图片标签-->
<h1>~<h6><!--标题1到6号标签-->

HTML为上面的,每次学习更新

color:颜色  RGB 十六进制  类似red这样书写
font-size:字体大小 必须带单位px 或者em
font-family:字体族
font-weight:是否加粗  400为普通字体  700为加粗
font-style:字体风格 控制是否为斜体
font:字体连写 顺序必须根据 font-style\font-weight\font-size\line-height\font-family来
line-height:行高 行高等于盒子的高度可以使单行文本垂直居中
text-align:文本内容进行居中
text-decoration:下划线样式 常用none属性和overline
text-indent:首行缩进
a:link 未访问的链接样式                 --------链接伪类必须按照顺序 lvha来写
a:visited 已访问过的链接样式         ---------链接伪类必须按照顺序 lvha来写
a:hover 鼠标停留时的样式             ----------链接伪类必须按照顺序 lvha来写
a:active 选定时的样式                   -------链接伪类必须按照顺序 lvha来写
diaplay:标签元素模式转换 属性 block 转化为块级元素  inline转换为行内元素  inline-block转化为行内块元素
width:设置块级元素或者行内块元素的宽
height:设置块级元素或者行内块元素的高
border:盒子边框
position:定位 relative相对定位 absolute绝对定位 fixed固定定位 static静态定位
box-shadow:盒子阴影
transition:延迟出现(CSS3)
float:浮动
margin:外边距设置
padding:内边距设置
clear:both 清除浮动 额外标签法
z-index:层次显示
vertical-algin:只用于块级元素 垂直居中
display:none 隐藏对象(隐藏后不占位置)
visibility:hidden 隐藏对象(隐藏后占位置)
cursor:鼠标样式
outline:none 取消input的轮廓
resize:none 取消textarea的拖拽
white-space:文字超过盒子,强制同一行显示
overflow:hidden 溢出隐藏
text-overflow:文字溢出
background: 背景
background-position:背景图定位
sprite精灵图 主要用于减轻服务器接收和发送的次数(仅背景图适用,产品的插入图片不能使用)

CSS为上面的

posted @ 2019-08-31 12:35  快敲小张  阅读(174)  评论(0编辑  收藏  举报