随笔 - 312  文章 - 0  评论 - 2  阅读 - 11万

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

 

posted on   香香鲲  阅读(187)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示