学习接触到的标签和样式单词
<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为上面的