<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
div {
/* font-size: ; */
font-size:30px ;
/* 提示css属性: 单词的首字母 */
/* font-weight: ; */
font-weight: 700;
width: 100;
height: 200;
/* background-color: ; */
background-color: #fff;
/* line-height: ; */
line-height: 20px;
/* 宽度300,高度是200,背景色是粉色 */
/* w300+h200+bgc */
width: 300px;
height: 200px;
background-color: pink;
}
</style>
</head>
<body>
<div></div>
<h1></h1>
<!-- 生成div 带类名 -->
<div class="box"></div>
<p class="box"></p>
<div id="box"></div>
<p id="box"></p>
<p class="red" id="one"></p>
<!-- div 同级 p + -->
<div></div>
<p></p>
<!-- 父子 > -->
<div>
<p></p>
</div>
<ul>
<li></li>
</ul>
<!-- ul 有3个li *乘号 -->
<ul>
<li></li>
<li></li>
<li></li>
</ul>
<!-- ul里面有3个li, li里面有文字111 {文字} -->
<!-- ul>li{111}*3 -->
<ul>
<li>111</li>
<li>111</li>
<li>111</li>
</ul>
<!-- ul有3个li, li文字1, 2, 3 -->
<!-- ul>li{$}*3 -->
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</body>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
web前端第四节代码.zip
共29个文件
html:20个
png:8个
jpg:1个
需积分: 0 1 下载量 181 浏览量
2023-10-25
08:52:28
上传
评论
收藏 89KB ZIP 举报
温馨提示
web前端第四节代码.zip
资源推荐
资源详情
资源评论
收起资源包目录
web前端第四节代码.zip (29个子文件)
web前端第四节代码
01-选择器-后代.html 603B
19-综合案例1.html 971B
05-选择器-伪类.html 713B
12-显示模式-块.html 671B
20-综合案例2.html 2KB
03-选择器-并集.html 576B
09-背景-背景平铺.html 731B
04-选择器-交集.html 875B
06-emmet语法.html 2KB
11-背景-复合属性.html 991B
14-显示模式-行内块.html 516B
07-背景-背景色.html 645B
images
bg2.png 5KB
bg7.png 5KB
bg6.png 2KB
1.jpg 48KB
bg4.png 5KB
bg3.png 823B
bg1.png 5KB
bg8.png 17KB
bg5.png 5KB
02-选择器-子代.html 729B
17-特性-继承性-注意.html 516B
08-背景-背景图.html 488B
10-背景-背景位置.html 1KB
18-特性-层叠性.html 467B
15-拓展-标签嵌套.html 456B
13-显示模式-行内.html 675B
16-特性-继承性.html 599B
共 29 条
- 1
资源评论
2301_79975547
- 粉丝: 0
- 资源: 1
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功