提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  其他

当前栏目

CSS基础

基础CSS
2023-09-14 09:07:25 时间

Css

作用：用来修饰HTML页面，设置元素的样式，让html页面更加美观

一、引入css的三种方式

1、内联定义：在对象的标记内使用

语法格式：<标签 style=“样式名：样式值；样式名：样式值...”></标签>

2、定义内部样式快对象（在head标签中使用style块）

<head>
   <style type="text/css">
   		选择器{
   			样式名：样式值；
   			样式名：样式值；
   			     ...
   		}
			
   </style>
</head>

3、链入外部样式表文件

语法格式：<link type="text/css" rel="stylesheet"  href="css文件的路径" />

二、id选择器 | 标签选择器 | 类选择器

1、标签选择器

语法格式
		标签名{
		  		样式名：样式值；
   				样式名：样式值；
   					...
		}

2、id选择器

语法格式
		#id{
		  		样式名：样式值；
   				样式名：样式值；
   					...
		}

3、类选择器

语法格式
		.类名{
		  		样式名：样式值；
   				样式名：样式值；
   					...
		}

引入外部文件的实例。

引入外部文件
css文件

a {
	text-decoration: none;
}

html页面

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<link rel="stylesheet" href="css/my.css" type="text/css" />
	</head>

	<body>
		<a href="https://www.baidu.com">百度</a>
	</body>

</html>

结果
在这里插入图片描述

相关文章