其他分享
首页 > 其他分享> > CSS:标签及其属性,锚点设计,特殊字符,列表

CSS:标签及其属性,锚点设计,特殊字符,列表

作者:互联网

块级标——head,h1-h6,div(块级)+span(无修饰),span(行内元素),-双标签

p-paragraph段落标签、段落标签-有段前与段后,i,b,s,u,em,strong,del,ins,br(换行标签-break-单标签-不是块级),hr(水平线-单标签),(倾斜,加粗,删除线,下划线)

img:行内块级?

标签的属性:border、width、height、src、alt

标签之间的关系——嵌套:一个标签的开始和结束必须被包含在另一个标签里面。

块级标签可以嵌套内联、块级;

行内标签可以嵌套内联,不可以嵌套块级;

 

 

注释标签:

CTRL+/

链接标签:<a></a>;

行内标签,无换行;

属性:href-链接地址;target( _self: 默认值,在当前窗口打开/ _blank:在新的窗口打开)

链接分类:外部链接(网络路径)、内部链接(磁盘路径-同级,上一级,上两级)、空连接(点击时会刷新页面并回到页面顶部;#表示空链接,不会刷新,但回到顶部;‘JavaScript:;’ 没有任何效果)

文件协议:

file——

download属性:

下载;属性值会作为下载后的文件名,若没有 则使用原来的文件名。

网页元素链接:download=“ ”

锚点:

<a href='#xxx'>

<... id='xxx' /name=‘xxx’>

 

 

base标签:

基链接标记,单标记

target属性:

规定页面上所有超链接打开方式;

href:

设置基础链接,页面上所有的相对路径都会链接地址前面拼接基础;绝对路径不会拼接。

特殊字符:

&nbsp;(空格)
&lt;(小于符号)
&gt;(大于符号)
&sub+数字(幂指数只有-1,2,3)
&copy;(版权符)
&reg;(注册商标)
&dg;(度数°)、
&times ;(乘号×)
&divide;(除号÷)
&yen;(人民币¥)
&and;(加号+)
&GT\LT;(大于小于)
&Lt;\ &Gt;(书名符)
&laquo&raquo书名符

无序列表:

ul、un、order、list、ul(组合标签)——没有任何序号

ul:块级标签——type属性-disc:实心圆-square:方形-circle:空心圆;
li:可以任意嵌套的元素 块级标签

有序列表(使用较多):

order list ol(组合标签)——有序号

ol:不能嵌套——type属性-a (字母小写序号)A (字母大写序号)I (罗马序号)i

自定义列表:

dl dt dd (组合列表)

dl:最外层父元素
dt :title
dd(可以嵌套任何元素)

table标签:

tr:

行——align属性:left-right-center(当前单元行的排列方式)
——valign属性:top-meddle-bottom(当前行的垂直排列方式)

td:

单元格——align属性:left-right-center(当前单元行的排列方式)
——valign属性:top-meddle-bottom(当前行的垂直排列方式)
*td的align valign优先级比tr更高

 

align属性——left(靠左)-right(靠右)-center(居中)

 

cellspacing:单元格边框与外层表格边框间隙
cellpadding:单元格边框与内层内容之间的间隙
caption:表格标题
thead:表头
thead>tr>(th 有显示效果)td
tbody:表内容
tfoot:表尾>tr>td

 

跨行合并:rowspan
跨列合并:colspan

 

表单:

form-块级双标签——属性:

-action:表单内容提交到服务器地址
-method:GET POST提交方式

 

input标签:

(不自动换行)——

属性:text(输入文本框)
-password(密码输入框)
-checkbox(多选按钮)
-radio(单选按钮需要name属性一致)
-label标签:<lable for=''>-点击文字也可以选中radio
-disabled:禁用
-size:显示input宽度
-maxlength:最多输入限制

type=

-image:提交按钮,以图片形式
-file:提交文件
checked属性:单选默认
selected属性:设置默认选中项

 

select标签>option标签——默认选中第一个option

textarea:文本域标签
普通按钮:input>type-botton
提交按钮(重置):-submit(表单)-reset

 

标签:块级,标签,按钮,嵌套,锚点,CSS,链接,特殊字符,属性
来源: https://www.cnblogs.com/LIXI-/p/16485944.html