爬虫配套学习-前端学习笔记23-CSS相关

最新推荐文章于 2024-08-04 14:27:56 发布
最新推荐文章于 2024-08-04 14:27:56 发布
阅读量1.6k 收藏
点赞数 1
分类专栏： python package 计算机网络原理 爬虫学习笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CSDNXXCQ/article/details/121285708
版权

css 前端 爬虫 
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="sy8-1.css">
	<title></title>
</head>
<body>
	<p>鱼片的发明是人类史上最伟大的发明</p>
	<p>鱼片的发明是人类史上最伟大的发明</p>
	<p>鱼片的发明是人类史上最伟大的发明</p>
	<p>鱼片的发明是人类史上最伟大的发明</p>
</body>
</html>

效果
在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<style type="text/css">
		p{
			color: #00ff00;
			background-color: #009900;
			margin-left: 200px;
		}
	</style>
	<title></title>
</head>
<body>
	<p>鱼片的发明是人类史上最伟大的发明</p>
	<p>鱼片的发明是人类史上最伟大的发明</p>
	<p>鱼片的发明是人类史上最伟大的发明</p>
	<p>鱼片的发明是人类史上最伟大的发明</p>
</body>
</html>

效果
在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">

	<title></title>
</head>
<body>
	<p style="color: #00ff00;background-color: #009900;margin-left: 200px;">鱼片的发明是人类史上最伟大的发明</p>
	<p style="color: #00ff00;background-color: #009900;margin-left: 200px;">鱼片的发明是人类史上最伟大的发明</p>
	<p style="color: #00ff00;background-color: #009900;margin-left: 200px;">鱼片的发明是人类史上最伟大的发明</p>
	<p style="color: #00ff00;background-color: #009900;margin-left: 200px;">鱼片的发明是人类史上最伟大的发明</p>
</body>
</html>

效果
在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<style type="text/css">
		.h1{
			font-family: "宋体";
			font-size: 14px;
		}
		.h2{
			font-family: "宋体";
			font-size: 16px;
		}
		.h3{
			font-family: "楷体";
			font-size: 18px;
			font-style: italic;

		}
		.h4{
			font-family: "宋体";
			font-size: 24px;
			color:white;
		}
		.foco{
			background-color: green;
		}
	</style>
	<title></title>
</head>
<body>
	<p class="h1 foco">鱼片的发明是人类史上最伟大的发明</p>
	<p class="h2 foco">鱼片的发明是人类史上最伟大的发明</p>
	<p class="h3 foco">鱼片的发明是人类史上最伟大的发明</p>
	<p class="h4 foco">鱼片的发明是人类史上最伟大的发明</p>
</body>
</html>

效果
在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		.h1{
			font-family: "宋体";
			
			font-style: italic;
		}
		.foo{
			font-weight: bold;
			font-style: italic;
			font-family: "宋体";
		}
	</style>
</head>
<body>
	<p class="h1 foo">晨叔鱼片粥</p>
	<p class="h1">鱼片的发明是人类史上最伟大的发明</p>
</body>
</html>

效果
在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		.bodycss{
			font-size: 32px;
			background: url(images/ber_12.gif) repeat-x bottom center;
			background-image: url(images/ber_12.gif);
			background-repeat: no-repeat;
			background-attachment: scroll;
			background-position: center center;
		}
	</style>
</head>
<body class="bodycss">
	鱼片的发明是人类史上最伟大的发明<br>
  　　鱼片的发明是人类史上最第二伟大的发明
  <br>
  　　30年来，鱼片的发明是人类史上最伟大的发明
</body>
</html>

效果
在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		.g{
			font-family: 12;
			font-size: 12px;
			background-image: url(images/bg_down.jpg);
			background-repeat: no-repeat;
			background-attachment: fixed;
			background-position: left top;
		}
	</style>
</head>
<body class="g">
	鱼片的发明是人类史上最伟大的发明A<br>
  　　鱼片的发明是人类史上最伟大的发明B
  <br>
  　　鱼片的发明是人类史上最伟大的发明C
</body>
</html>

效果
在这里插入图片描述

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
		.g{
			font-family: 12;
			font-size: 12px;
			background-image: url(images/bg_down.jpg);
			background-repeat: repeat-y;
			background-attachment: fixed;
			background-position: bottom right;
		}
	</style>
</head>
<body class="g">
	鱼片的发明是人类史上最伟大的发明a
	<br>
  　　鱼片的发明是人类史上最伟大的发明B
  <br>
  　　鱼片的发明是人类史上最伟大的发明C
</body>
</html>

效果
在这里插入图片描述

丰。。
关注
专栏目录
爬虫配套学习-前端学习笔记06-一些动态效果
CSDNXXCQ的博客
10-29 1623
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>滚动延迟_效果_滚动播放</title> </head> <body> <!-- 上下滑动，数字越大滑动越慢--> <marquee direction="up" scrollamount="5" scrolldelay="200"> 缘分的天空，<br
爬虫配套学习-前端学习笔记03
CSDNXXCQ的博客
09-26 4604
插入图片 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> <title>水平线</title> </head> <body>  <IMG src="images/p.png" alt="环保资讯"
python爬虫学习笔记-CSS(大致了解)
weixin_36058228的博客
01-20 2204
CSS中文译作“层叠样式表”或者是“级联样式表”，是用于控制网页外观处理并允许将网页的表现与内容分离的一种标记性语言，CSS不需要编译,可以直接由浏览器执行(属于浏览器解释型语言)，是Web网页开发技术的重要组成部分。那么接下来，继续看下，使用CSS有什么好处吧。使用CSS样式可以有效地对页面进行布局，更加灵活多样。使用CSS样式可以对页面字体、颜色、背景和其他效果实现精确控制，同时对它们的修改和控制变得更加快捷，更加强大。站点中所有的网页风格都使用一个CSS文件进行统一控制，达到一改全改。
【学习笔记】前端三件套——HTML和CSS
ubanXia的博客
08-02 1831
它们是两种编程语言，一般情况下它们需要搭配使用，是作为网站开发的基础语言，网站的编程语言。
【学习笔记】爬虫（Ⅲ）—— BeautifulSoup和CSS选择器
Eddie_hyh的博客
04-24 1048
爬虫第三部分：beautifulsoup和css选择器
尚硅谷前端入门html+css学习笔记——HTML4
最新发布
qq_62237063的博客
08-04 898
尚硅谷前端入门html+css零基础教程，零基础前端开发html5+css3视频网页（淘宝、京东）、小程序（支付宝、抖音）、数据可视化（智慧工地可视化大数据展示平台）、服务器、客户端全称：HyperText Markup Language 译为： 超文本标记语言1996年W3C制定HTML规范，2014年HTML5由W3C正式发布。
H5大前端（Web前端）学习笔记（一）-HTML部分
weixin_71370424的博客
12-27 960
HTML5是用来描述网页的一种语言，被称为超文本标记语言。用HTML5编写的文件，后缀以.html结尾。HTML是一种标记语言，标记语言是一套标记标签。
Python爬虫学习笔记
tmyzxy1314的博客
10-17 3089
Python爬虫是一种使用Python编程语言开发的自动化网页抓取工具。它们主要用于从互联网上获取数据，通常用于收集公开信息，如新闻文章、社交媒体帖子、价格信息等。
Web前端学习笔记（1）
maxiaoxiaohaohao的博客
10-19 3744
Web前端学习笔记（1）
python 爬虫学习笔记
03-09
本文将详细介绍 Python 爬虫学习笔记的知识点，涵盖爬虫基础、网络和前端基础、Requests 模块、请求头、GET 和 POST 请求、代理、Cookie 模拟登录、Quote 和 Unquote、登录和获取 Cookie、Post 和 Session、重试机制...
零基础学前端之SEO 基础知识学习--SEO优化学习教程【学习笔记】
li520_fei的博客
01-11 969
【前端总路线学习笔记】 本笔记的参考视频–SEO 基础知识学习视频 SEO优化学习教程学习笔记 SEO用到的网站 1.百度指数 2.站长之家 1.什么是SEO – 搜索引擎优化 Search Engine Optimization 可以理解为网站排名 SEO工作内容 网站更新 数据分析 网站后台数据 竞争对手分析 网站页面价值 后期规划 前期 后期 网站推广 链接推广 全搜索覆盖 2.SEO赚钱姿势解锁 网站排名 ： 流量==变现 赚钱方式 工作 8k平均 极端化 兼职 a.
万字博文教你爬虫必备-＞Selenium【详解篇】（初篇）
热门推荐
孤寒者的博客
08-05 53万+
万字博文教你爬虫必备-＞Selenium【详解篇】（初篇）
random中的sample()函数
CSDNXXCQ的博客
04-20 9092
random.sample，多用于截取列表的指定长度的随机数，但不改变列表本身的顺序： list = [0,1,2,3,4,5,6,7,8,9] rs = random.sample(list, 5) #此数组随着不同的执行，里面的元素随机，但都是5个 print(rs) print(list) ...
python 利用pandas将数据转换成dataframe再存为excel
CSDNXXCQ的博客
08-26 5475
做个记录方便回看 import numpy as np from pandas import DataFrame from openpyxl import Workbook from openpyxl.utils.dataframe import dataframe_to_rows # 数据类型转换为dataframe#index，行名，columns，列名 data_frame = DataFrame(columns=['店名','有关直播的信息','好物一栏/商品信息'],data =[[A
python学习笔记-python中的多态
CSDNXXCQ的博客
09-27 4609
本文为了说明例子，用中文写在了class里面，一般编程最好不要那么写 本文目录所谓多态多态的作用定义统一的接口统一所有子类的标准 所谓多态 ，就是同一种事物的多种形态 比如 class 载具: pass class 坦克(载具): pass class 装甲车(载具): pass class 武直(载具): pass 多态的作用 可以在不考虑对象具体类型的情况下而直接使用对象 class 载具: # 统一所有子类的方法 def 移动(self):
numpy中的np.linalg.inv()
CSDNXXCQ的博客
02-15 3543
np.linalg.inv()：矩阵求逆
python学习笔记-python中的反射机制
CSDNXXCQ的博客
10-04 2922
概念 在计算机科学领域，反射是指一类应用，它们能够自描述和自控制。也就是说，这类应用通过采用某种机制来实现对自己行为的描述（self-representation）和监测（examination），并能根据自身行为的状态和结果，调整或修改应用所描述行为的状态和相关的语义。 反射机制也被应用到了视窗系统、操作系统和文件系统中。 反射本身并不是一个新概念，它可能会使我们联想到光学中的反射概念，尽管计算机科学赋予了反射概念新的含义，但是，从现象上来说，它们确实有某些相通之处，这些有助于我们的理解。同一般的反射概念
pyhton学习笔记-爬虫相关-多进程同步异步的代码实现
CSDNXXCQ的博客
10-09 2754
本文为了说明例子，用中文作为变量写在了程序里面，一般编程最好不要那么写 本文目录同步(正常的情况)实现多进程join方法的作用进程间数据隔离的实现 同步(正常的情况)实现 import time def func(): time.sleep(5) print('沉睡5秒后同步调用') if __name__ == '__main__': res = func() print('同步调用完成') 效果 多进程 windows操作系统下 创建进程一定要在main内创建
"Python学习-爬虫爬数据进MySQL！快速实践指南
Python学习-迅速写个爬虫并把数据爬进MySQL里！ 在学习Python的过程中，你可能会遇到需要使用爬虫将数据爬取进MySQL数据库的情况。这篇文章将教你如何迅速写一个爬虫，并将数据爬取进MySQL里。 首先，我们需要决定...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

丰。。

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值