css基本语法（一）——选择器字体背景超链接样式边框

最新推荐文章于 2022-03-29 22:56:51 发布

一JJL

最新推荐文章于 2022-03-29 22:56:51 发布

阅读量640

点赞数 1

分类专栏：前端文章标签： css基本语法选择器字体背景超链接样式边框

本文链接：https://blog.csdn.net/tcbdbd/article/details/97159580

版权

本文介绍了CSS的基本语法，包括选择器的种类，如标签选择器、类选择器和ID选择器，以及它们的优先级。接着讲解了字体设置，如字体类型、字号、颜色和装饰。还涵盖了背景的配置，如颜色、图片、平铺、大小和位置。此外，文章还详细阐述了超链接样式的控制和边框的设定，包括边框宽度、样式、颜色以及阴影效果。

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

css
层叠样式表
主要功能
1.布局定位
2.美化页面

注释：/* */

按书写的位置分为三大类
1.内嵌样式表

<html>
    <head>
    ..............
    </head>
    <body>
    </body>
</html>

<style type="text/css">
			li{color: red;}
</style>

2.外部样式表（用的比较多）
单独写在文件中，文件.css ： p{color: blue;}
关联方法1（链接外部样式表）：

<link rel="stylesheet" href="css/style.css" type="text/css"/>

关联方法2（导入外部样式表）：

<style type="text/css">
			@import url("css/style.css");
</style>

3.行内样式表

<p style=""></p>
<div style="width: 400px;height: 200px;border: 1px solid red;">hello div</div>

选择器

1.简单选择器
语法：
选择器{属性：属性值；属性：属性值；…}
1.1.标签选择器

  li{color:red;}

1.2.类选择器

  .redtext{color: red;}
<li class="redtext">xxx</li>

当在一个class设置两个类，两个类是同一个属性时，以后出现的为准

<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.p{color: red;}
			.p2{color: blue;}
		</style>
	</head>
	<body>
		<p class="p p2">bbbbbbbbbbbbbbbbb</p>
	</body>

1.3.id选择器

  #myli{color: green;}

最低0.47元/天解锁文章

一JJL

关注

1
点赞
踩
5

收藏

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

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

css基本语法（一）——选择器 字体 背景 超链接样式 边框

选择器

css基本语法（一）——选择器字体背景超链接样式边框