CSS(一)

最新推荐文章于 2022-06-23 15:20:32 发布

徐海.

最新推荐文章于 2022-06-23 15:20:32 发布

阅读量358

点赞数

分类专栏：前端文章标签： css3 html

本文链接：https://blog.csdn.net/JAVAWEB_/article/details/107655541

版权

CSS语法：

主要的部分构成：选择器以及一条或多条声明

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			/*
				选择器{
   样式}
				给谁改样式{
   改成什么样式}
			*/
			p {
   
				color: red;
				font-size: 12px;
			}
		</style>
	</head>
	<body>
		<p>这是一个p标签</p>
	</body>
</html>

选择器

一般分类基础选择器和复合选择器两个大类
基础选择器：标签选择器，类选择器，id选择器
标签选择器

标签名 {
   
	属性1: 属性值;
	属性2: 属性值;
	属性3: 属性值;
	...
}

标签选择器可以把某一类标签全部选择出来，比如所有的<div>标签和所有的<span>标签，优点能快速为页面中同类型的标签统一设置样式，缺点不能设计差异化样式，只能选择全部的当前标签
类选择器
如果想要差异化选择不同的标签，单独选一个或某几个标签，可以使用类选择器

.类名 {
   
	属性1: 属性值;
	...
}

多类名使用
加粗样式

<div class="red font30">亚瑟之王</div>
/*在标签class属性中写多个类名,用空格分开，标签可以分别具有这些类名的样式*

最低0.47元/天解锁文章

徐海.

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
CSS(一)

CSS语法：主要的部分构成：选择器以及一条或多条声明<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> /* 选择器{样式} 给谁改样式{改成什么样式} */ p { color: red; font-size: 12px; } </styl
复制链接

扫一扫