总结
1. css基础语法
<!--
css负责网页内容的央视和布局
css - 层叠样式表(简称样式表)
1. css语法
语法:
选择器{属性名1:属性值1; 属性名2:属性值2; ...}
说明:
选择器 - 选中需要设置样式的标签
{} - 固定写
属性名 - 决定需要设置哪些样式
属性值 - 如果是表示数值大小,数字值需要单位,一般是px
常用属性: color - 文本颜色(颜色英文单词, rgb(红,绿蓝), #颜色值的16进制值)
font-size - 字体大小
background - 背景颜色
width - 设置宽度
height - 设置高度
2.css代码写在哪儿
1)内联样式表 - 将css代码写在标签的style属性中(这个时候不需要写 选择器{})
2)内部样式表 - 将css代码写在style标签中(style标签既可以放在head中,也可以放在body中)
3)外部样式表 - 将css代码写在css文件中, 然后再html里面通过link标签导入
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!-- <style type="text/css">
p{
color: rgb(123, 86, 99);
}
a{
color: rgb(23, 80, 178);
}
</style> -->
<!-- 外部样式 -->
<link rel="stylesheet" type="text/css" href="css/style1.css"/>
</head>
<body>
<h1>1.内联样式案例:</h1>
<!-- <p style="color: rgb(12,145,2); font-size: 30px; background-color: #ADFF2F;">我是段落1</p>
<a href="">我是超链接1</a> -->
<!-- <h1>2.内部样式案例</h1>
<p>我是段落1</p>
<a href="">我是超链接1</a> -->
<p>我是段落1</p>
</body>
</html>
2. css选择器
<!--
css选择器
1. 标签选择器(元素选择器)
直接将标签作为一个选择器, 选中整个页面所有的指定标签
例如: p{} - 选中所有的p标签; a{} - 选中所有的a标签
2. id选择器
在标签的id属性值前加#作为一个选择器, 选中id属性值是指定值的标签(id是唯一的)
例如: #p2{} - 选中id值为p2的标签; #a - 选中id属性值为a的标签
3. 类选择器(class选择器)
在标签的class属性值前加点(.)作为一个选择器,选中class属性值是指定值的所有标签
例如: .c1{} - 选中class属性值为c1的所有标签; .a{} - 选中class属性值为a的所有标签
.c1.c2 - 选中class属性值中同时有c1和c2的标签
p.c1 - 选中class属性值为c1的p标签
4. 群组选择器
将多个独立的选择器用逗号隔开作为一个选择器,选中每个独立选择器选中的所有标签
例如: p,a{} - 选中所有的p标签和所有的a标签
.c1,p{} - 选中所有的class是c1的标签和所有的p标签
.c1,#p1,#p2 - 选中所有class是c1,id是p1和id是p2的所有标签
5. 后代选择器
将多个独立的选择器用空格隔开作为一个选择器
例如: p a - 选中左右作为p标签的后代的a标签(选中p标签下面的a标签, a是p的后代)
div #p1 .c1 - 选中div下面的id为p1下面的class为c1的标签
6. 子代选择器
将多个独立的选择器用>隔开作为一个选择器
例如: p>a - 选中所有作为p标签的子代的a标签
div.info{} - 选中class为info的div标签
#p1.c1{} - 选中id是p1并且class是c1的标签
p:nth-child(N) - 选中第N个标签
div p:nth-child(N) - 险种div里面的第N个p标签
-->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
/* =============1.标签选择器============= */
/* p{
color: red;
}
a{
color: coral;
text-decoration: none;
} */
/* =============2.id选择器============= */
/* #p2{
color: chocolate;
font-size: 35px;
} */
/* =============3.类选择器============= */
/* .c1{
color: darkblue;
background-color: darkslategrey;
} */
/* =============4.群组选择器============= */
/* p,a{
color: darkgoldenrod;
} */
/* =============5.后代选择器============= */
/* div div a{
color: brown;
} */
</style>
</head>
<body>
<p class="c1">我是段落1</p>
<a href="">我是超链接1</a>
<div id="">
<p>我是段落2</p>
<font>我是font1</font>
<input type="" name="" id="" value="" />
<a href="">我是超链接2</a>
<div id="">
<h2 class="c1">我是标题1</h2>
<p>我是段落3</p>
<a class="c1" href="">我是超链接3</a>
<p>我是段落4</p>
</div>
</div>
</body>
</html>
3. requests的基本用法
# 1.发送请求,获取响应
# 请求地址
url = 'https://movie.douban.com/top250'
# 请求头
headers = {
'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.72 Safari/537.36'
}
response = requests.get(url, headers=headers)
# 2.响应
# 1)设置编码方式(乱码的时候才设置)
# response.encoding = '编码方式'
# 2)获取状态码
# print(response.status_code)
# # 3)获取请求的文本内容(主要针对url是网页地址)
# print(response.text)
# # 4)获取json数据(针对url返回的数据是json的时候)
# print(response.json())
# 5)获取二进制数据(针对url是二进制文件地址,比如图片地址)
# print(response.content)
4. requests请求数据接口
import requests
url = 'http://api.tianapi.com/auto/index?key=c9d408fefd8ed4081a9079d0d6165d43&num=10'
response = requests.get(url)
print(response.text)
result = response.json()
print(result['msg'])
5. 图片下载
import requests
# 图片的网络地址
url = 'https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1810171082,1266198879&fm=26&gp=0.jpg'
# 请求图片数据
response = requests.get(url)
# 保存图片数据
if response.status_code == 200:
f = open('./a.jpg', 'wb')
f.write(response.content)
f.close()
6. 多页面数据
import requests
headers = {
'User-Agent': 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.212 Safari/537.36'
}
def get_top250(url):
response = requests.get(url, headers=headers)
if response.status_code != 200:
print('请求失败:', response)
return
print(response.text)
if __name__ == '__main__':
for start in range(0, 226, 25):
url = f'https://movie.douban.com/top250?start={start}&filter='
get_top250(url)
7. 设置cookie
import requests
url = 'https://www.zhihu.com/'
headers = {
'User-Agent': 'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.4430.212 Safari/537.36',
'cookie': 'cookie'
}
response = requests.get(url, headers=headers)
if response.status_code == 200:
print(response.text)
else:
print('请求失败!', response)