表格结构
表格标签:
, , , , 倾斜
表格标签属性:<标签 属性=值></标签>
Width,height,border,cellpadding,cellspacing,align,valign,bgcolor,background,color,face,size,rowspan,colspan
标题标签:h1-h6
<h1…h6>文字</h1…h6>
特点:有默认字体大小,独立成行(块元素),加粗,有默认行高,有默认间距
段落标签:
特点:独立成行(块元素),有默认行高,有默认间距
超链接标签:
特点:
不独立成行,(行元素)在添加连接后文字变色有下划线,图片添加连接后外围会有默认蓝色边框(在选择后)
伪类选择器
A:link{样式}:未访问默认链接
A:hover{样式}:鼠标经过
A:visited{样式}访问后的效果
A:active{样式}点击效果
:行内标记(行元素)
有默认间距3px:清除方法1浮动2转换元素
列表:有序列表(ol),无序列表(ul),定义列表(dl)
有序列表 特点:有先后顺序,有有顺序的项目符号
有序列表项目符号可以取“1,a,A,i,I”等
无序列表 特点:没有先后顺序 有无顺序的项目符号
默认项目符号改变方法:
- (注:type属性决定列表项开始符号,可以取disc(默认值,表示实心圆点),circle(空心圆环),square(空心正方形)
表单标签:
表单标签的开始和结束 下拉选择框 : 下拉项1 下拉项2 input标签 ,文本框 ,密码框 ,提交按扭 ,重置按扭 ,复选框 ,单选框 ,按扭 文本内容多行文本输入框盒模型
:块元素,主要作为标签容器,实现网页的规划和布局,可嵌套多层组成:content(内容)border(边框)padding(内边距)margin(外边距)
定位(父相子绝)
相对定位(relative) 特点:1.元素原来的位置会被保留下来
2.元素相对定位后会提升层级
3.相对定位的元素根据自身的原始位置计算位移值
绝对定位(absolute)特点:1.元素绝对定位后原来的位置不会保留
2.元素绝对定位后会提升层级
3.绝对定位的元素根据距离最近有定位的祖先元素来计算坐标,如果所有的祖先元素都没有定位,就根据最外层的包含框来计算自己的坐标
样式分类
行内样式(内联样式):只对其所在的标记及嵌套在其中的子标记起作用
内嵌式(内部样式表):将css代码集中写在html文档的头部标记中,并用
文字
font-size:设置文本本字体的大小
font-family:设置文本字体类型
font-style:设置文本的字体样式
color:设置文本的颜色
text-align:设置文本的对齐方式
背景
背景色:background-color
背景图像:background-image
背景重复:background-repeat
背景定位:background-position
浮动
浮动排版float:left/right
清除被影响标签的浮动clear:left/right