关于一些标签的介绍及运用

表格结构

表格标签:

,,, ,
, 

, , , 倾斜

表格标签属性:<标签 属性=值></标签>
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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值