HTML & CSS

46 阅读1分钟

一、基础标签 & 样式

1、标题标签

  • 图片标签:
    • src:指定图像的url(绝对路径 / 相对路径)
    • width:图像的宽度(像素 / 相对于父元素的百分比)
    • height:图像的高度(像素 / 相对于父元素的百分比)
  • 标题标签:<h1> - <h6>

2、水平线标签

水平线标签:

image.png

3、图片标签:

image.png

  • 绝对路径:绝对磁盘路径(D:/xxxx)、绝对网络路径(https://xxxx)
  • 相对路径:从当前文件开始查找。 (./ : 当前目录, ../ : 上级目录)

二、标题样式

1、CSS引入方式

  • 行内样式:

image.png

  • 内嵌样式:

image.png

  • 外联样式:

image.png

2、颜色表示

  • 关键字: red、green . . .
  • rgb表示法:rgb(255,0,0)、rgb(134,100,89)
  • 十六进制: #ff0000、#cccccc、#ccc

3、颜色属性

color: 设置文本内容的颜色

4、span标签

image.png

5、CSS选择器

image.png

6、CSS属性

image.png

三、超链接

1、超链接

image.png

2、CSS属性

image.png

四、正文排版

1、音频、视频标签

image.png

2、换行、段落标签

image.png

3、文本加粗标签

image.png

4、CSS样式

image.png

五、正文布局

1、CSS盒子模型

image.png

2、CSS属性

image.png

六、表格、表单标签

1、表格标签

image.png

2、表单标签

image.png

3、表单项标签

image.png