2023年6月20日发(作者:)

HTML+CSS常⽤代码(笔记)注释标签:对代码进⾏说明常⽤格式标签加粗

斜体

下划线

删除线

段落标签


:分割线

:换⾏上标

下标

保留当前格式样式
(粗字体)强调⽂本../:返回上⼀级(⽗级)⽬录标题标签

我是⼀级标题标签(最⼤)

我是⼆级标题标签

我是三级标题标签

我是四级标题标签

我是五级标题标签
我是六级标题标签(最⼩)
列表标签⽆序列表:
  • 列表项1
  • 列表项2
  • 列表项3
有序列表:
  1. 列表项1
  2. 列表项2
  3. 列表项3
⾃定义列表:图⽂混排
标题,图⽚
描述
CSS样式  内嵌样式:放在标签之间语法:所有标签(*)* { padding:0px; /*清除默认内边距*/ margin:0px; /*清除默认外边距*/ }⽂本属性line-height:20px; /*⾏⾼*/text-align:center; /*对齐:Left|right|center|justify*/text-decoration:none; /*⽂本修饰None:默认|underline:定义⽂本下的⼀条线|overline:定义⽂本上的⼀条线|line-through:定义穿过⽂本下的⼀条线*/Letter-spacing:5px; /*字母之间的间距*/Text-indent:40px; /*⾸⾏的缩进⽅式:px/%*/字体标签及属性字体标签例:我是字体标签背景相关的属性background-color: red; /*设置背景颜⾊*/background-image: url(图⽚路径); /*设置背景图⽚(图⽚路径没有引号包裹)*/background-repeat: no-repeat; /*设置背景的平铺⽅式:Repeat-x、repeat-y、no-repeat*/Background-attachment: Fixed; /*设置滚动:Scroll、Fixed*/background-position: center; /*设置背景的坐标,偏移量,如left、right、center、button*/background-position:100px -100px;/*第⼀值:左右偏移量,正:向右偏移,负:向左偏移; 第⼆值:上下偏移量,正:向下偏移,负:向上偏移*/background-size:cover;/*可以为px、%、cover、continue cover: 不会造成图⽚失真,会铺满整个标签。 contain: 不会造成图⽚失真,不会铺满整个标签。*/opacity: 0.5; /*设置透明度,范围0.0-1.0*/ontline:0 none; /*清除默认边框*/超链接:超链接⽂字或图⽚_blank:在新窗⼝打开⽹页_self:在当前⾃⾝窗⼝打开⽹页邮件超链接我的邮箱图⽚标签

title="⿏标悬浮提⽰⽂字" border="边框⼤⼩" align="图⽚与周围⽂字的对齐⽅式:top/middle/bottom/left/right"

vspace="图⽚在垂直⽅向上与周围⽂字的间距" hspace="图⽚在⽔平⽅向上与周围⽂字的间距"/>锚点链接锚点链接:跳转链接锚点名:要跳转到的位置图⽚滚动

分隔窗⼝ 例: 块级元素和⾏内元素块级元素:凡是默认⾃动占满⽹页整⾏的元素(⾃动换⾏),称为块级元素


-