ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2022-07-17 10:03:30  阅读:202  来源: 互联网

标签:块级 标签 按钮 嵌套 锚点 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

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有