-
- journey_cfxW57 2025-05-09
内联元素a转换为块状元素
a{
display:block;
}
- 0赞 · 0采集
-
- journey_cfxW57 2025-05-09
设置字间距
letter-spacing：字间距，如果是英文的话是字母与字母之间的间距
如果设置英文使得单词与单词之间的间距的话：
word-spacing：
- 0赞 · 0采集
-
- journey_cfxW57 2025-05-09
text-decoration：overline/underline/line-through
text-indent:2em 缩进
- 0赞 · 0采集
-
- journey_cfxW57 2025-05-09
font-style：italic/oblique 表示设置字体倾斜
- 0赞 · 0采集
-
- journey_cfxW57 2025-05-09
p:hover{}伪类选择符 鼠标滑过时候给对应标签添加的样式
- 0赞 · 0采集
-
- journey_cfxW57 2025-05-09
.class>li 表示子选择器
.class li 表示后代选择器
子选择器（child selector）仅是指它的直接后代，或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。
- 0赞 · 0采集
-
- journey_cfxW57 2025-05-09
<link href="a.css" rel="stylesheet" type="text/css"/>固定写法 不可改变
- 0赞 · 0采集
-
- journey_cfxW57 2025-05-08
<input type="radio/checkbox">
- 0赞 · 0采集
-
- journey_cfxW57 2025-05-08
<textarea rows="行数" cols=“列数”></textarea>
- 0赞 · 0采集
-
- journey_cfxW57 2025-05-08
<input type="text/password/number/button/email"
- 0赞 · 0采集
-
- journey_cfxW57 2025-05-08
<form method="数据传输方式 get/post" action="save.php"></form>
用来实现浏览器输入的数据传送到后端
- 0赞 · 0采集
-
- journey_cfxW57 2025-05-08
<table>定义表格
<tr>表示行
<td>表示列
<th>表示表头
<caption>是表格的标题
- 0赞 · 0采集
-
- journey_cfxW57 2025-05-08
<a href="目标网址" tittle="鼠标滑过后的提示文本">链接显示的文本</a>
<img src="图片地址" target="_self或者_blank" tittle="鼠标滑过的提示文本" alt="下载失败时候的替换文本"/>
- 0赞 · 0采集
-
- journey_cfxW57 2025-05-08
<br/>换行
<hr/>水平分割线
都是空标签 只有一个标签，不成对出现
- 0赞 · 0采集
-
- journey_cfxW57 2025-05-08
<header>定义头部
<footer>定义底部
<section>定义区域
<aside>定义侧边栏
- 0赞 · 0采集
-
- journey_cfxW57 2025-05-08
语义化标签
<header>定义头部标签
<footer>定义底部区域
- 0赞 · 0采集
-
- journey_cfxW57 2025-05-08
<ol>是有序标签
<ul>是无序标签
- 0赞 · 0采集
-
- journey_cfxW57 2025-05-08
<span>标签没有语义，是为了单独的样式使用
- 0赞 · 0采集
-
- look278022 2025-05-05
- HeIIo WorId
- 0赞 · 0采集
-
- 慕尼黑0139084 2025-04-21
- Hello word
- 0赞 · 0采集
-
- 劳动者1805826 2025-04-20
a标签有的target属性，代表打开网页的方式。可选值为”_self和_blank”，默认值为_self，代表在当前页面打开链接，_blank代表在新窗口打开链接。
- 0赞 · 0采集
-
- 劳动者1805826 2025-04-20
<a href="https://www.baidu.com"> </a> 是超链接
- 0赞 · 0采集
-
- 劳动者1805826 2025-04-20
<img > 标签代表图片
- 0赞 · 0采集
-
- 慕斯0236409 2025-04-19
- 在第9行输入color:blue，为<span>元素设置文本颜色为蓝色。
- 0赞 · 0采集
-
- 神经蛙_CMO078 2025-04-12
选择器的优先级依次是: 内联样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器
标签选择器：
标签名{
}
ID选择器：
#ID名{
}
类选择器：
.类名{
}
子选择器：
.类选择器>标签选择器{
}
后代选择器：
.类选择器 标签选择器{
}
通用选择器：
*{
}
伪类选择器:
a：hover{
}
分组选择器：
标签名,标签名{
}
- 0赞 · 0采集
-
- 神经蛙_CMO078 2025-04-11
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>学习表格标签</title> </head> <body> <table border=1> <caption>前段三剑客</caption> <tr> <td>知识点</td> <td>重要程度</td> <td>难度</td> <td>学习周期</td> </tr> <tr> <td>html</td> <td>5星</td> <td>3星</td> <td>7天</td> </tr> <tr> <td>css</td> <td>5星</td> <td>4星</td> <td>10天</td> </tr> <tr> <td>js</td> <td>5星</td> <td>5星</td> <td>20天</td> </tr> </table> </body> </html>
- 0赞 · 0采集
-
- 神经蛙_CMO078 2025-04-11
<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">
- 0赞 · 0采集
-
- 神经蛙_CMO078 2025-04-11
无序列表
<ul> <li> Java </li> <li> JavaScript </li> </ul>
有序列表
<ol> <li> Java </li> <li> JavaScript </li> </ol>
- 0赞 · 0采集
-
- 慕侠0135421 2025-03-14
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>使用thead、tbody、tfoot标签</title>
</head>
<body>
<table border="1">
<thead >
<thead><strong>成绩表</strong></thead>
<hr/>
<tr>
<th>科目</th>
<th>分数</th>
</tr>
<tr>
<td>语文</td>
<td>99</td>
</tr>
<tr>
<td>数学</td>
<td>60</td>
</tr>
<tr>
<td>总分</td>
<td>159</td>
</tr>
</thead>
</table>
</body>
</html>
- 0赞 · 0采集
-
- 慕侠0135421 2025-03-14
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>学习表格标签</title>
</head>
<body>
<table border="1">
<caption><strong>前端三剑客</strong></caption>
<tr>
<th>知识点</th>
<th>重要程度</th>
<th>难度</th>
<th>学习周期</th>
</tr>
<tr>
<td>html</td>
<td>5星</td>
<td>3星</td>
<td>7天</td>
</tr>
<tr>
<td>css</td>
<td>5星</td>
<td>4星</td>
<td>10天</td>
</tr>
<tr>
<td>js</td>
<td>5星</td>
<td>5星</td>
<td>20天</td>
</tr>
</table>
</body>
</html>
- 0赞 · 0采集
