HTML基础笔记_1样式与选择器

最新推荐文章于 2022-10-01 21:58:01 发布

火山猿

最新推荐文章于 2022-10-01 21:58:01 发布

阅读量419

点赞数

分类专栏： WEB 文章标签： html css

本文链接：https://blog.csdn.net/Quc2019/article/details/104266809

版权

这篇博客介绍了HTML中的基本样式应用，包括内联样式、内部样式和外链样式，并详细讲解了块元素和内联元素的区别。同时，讨论了CSS选择器的使用，如后代元素选择器以及伪类选择器的概念，特别强调了伪类选择器在表示元素特殊状态时的重要性。

摘要由CSDN通过智能技术生成

3种基本样式：

内联样式（行内样式）
内部样式（标签选择器）
外链样式

<head>
		<meta charset="utf-8" />
		<title>CSS</title>
	<!--
			内部样式表
			也可以将CSS样式编写到head中的style标签里
				将样式表编写的style标签中，然后通过CSS选择器选中指定元素
					然后可以同时为这些元素一起设置样式，这样可以使样式进一步的复用
				将样式表编写到style标签中，也可以使表现和结构进一步分离它也是我们推荐的使用方式	
			<style type="text/css">
			    p{
				    color:red;
				    font-size:40px;
			     }
		
		    </style>
	-->
		
	<!--
		还可以将样式表编写到外部的CSS文件中,然后通过link标签来将外部的CSS文件引
            入到当前页面中，这样外部文件中的css样式表将会应用到当前页面中。将CSS样式统一编
           写到外部的样式表中，完全使结构和表现分离，可以是样式表可以在不同的页面中使用，
           最大限度的使样式可以进行复用，将样式统一写在样式表中，然后通过link标签引入，
           可以利用浏览器的缓存加快用户访问的速度提高了用户体验，所以在开发中我们最推荐
           使用的方式就是外部的CSS文件
	-->
		<link rel="stylesheet" type="text/css" href="style.css" />
		



        <!-- 
			可以将CSS样式编写到元素的style属性当中
				将样式直接编写到style属性中，这种样式我们称为内联样式
				内联样式只对当前的元素中的内容起作用，内联样式不方便复用
				内联样式属于结构与表现耦合，不方便后期的维护，不推荐使用的
				<p style="color:red;font-size:40px;">锄禾日当午，汗滴禾下土</p>
				<p style="color:red;font-size:40px;">谁知盘中餐，粒粒皆辛苦</p>
		-->





		
	</head>

块元素和内联元素

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>

最低0.47元/天解锁文章

火山猿

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录