官方参考文档:https://www.w3school.com.cn/
CSS选择器
元素选择器:标签名 { … }
元素名称 {
color: 颜色;
}
id选择器:#id属性值 { … }
#id属性值 {
color: 颜色;
}
类选择器:.class属性值 { … }
.class属性值 {
color: 颜色;
}
<html>
<head>
<title>标题</title>
</head>
<body>
</body>
</html>
三、常用标签
1.标题标签
2.水平标签
<hr>
3.图片标签
<img src="…" width="…" height="…">
4.<span>标签
<span> 是一个在开发网页时大量会用到的没有语义的布局标签
5.超链接标签<a>
属性:
href:指定资源访问的url
target:指定在何处打开资源链接
_self:默认值,在当前页面打开
_blank:在空白页面打开
6.音频、视频标签
<audio> <video>
7.换行、段落标签
换行:<br> ; 段落:<p>
8.文本加粗标签
<b> <strong>
其中<strong>标签有强调作用
9.布局标签
div标签:
一行只显示一个(独占一行)
宽度默认是父元素的宽度,高度默认由内容撑开
可以设置宽高(width、height)
span标签:
一行可以显示多个
宽度和高度默认由内容撑开
不可以设置宽高(width、height)
10.表格标签
<table>:定义表格
<tr>:定义表格中的行,一个 <tr> 表示一行
<th>:表示表头单元格,具有加粗居中效果
<td>:表示普通单元格
11.表单标签
表单标签:<form>
表单属性:
action:表单数据提交的url地址
method:表单提交方式
12.表单项标签
<input> 的type属性:text、password、radio、checkbox、file、date、datetime-local、time、number、hidden、button、submit
<select> 定义下拉列表
<textarea> 定义文本域
四、CSS属性
color: 设置文本内容的颜色
font-size:字体大小 (注意:记得加px)
text-decoration:规定添加到文本的修饰,none表示定义标准的文本。
line-height:设置行高
text-indent:定义第一个行内容的缩进
text-align:规定元素中的文本的水平对齐方式
width:设置宽度
height:设置高度
border:设置边框的属性,如:1px solid #000;
padding:内边距
margin:外边距