前端学习（3）样式表——CSS

最新推荐文章于 2024-10-04 22:04:56 发布

乐乐想学会java

最新推荐文章于 2024-10-04 22:04:56 发布

阅读量125

点赞数

分类专栏：前端shuo习文章标签： html css

前端shuo习专栏收录该内容

29 篇文章 0 订阅

订阅专栏

CSS

也叫作层叠样式表或者级联样式表，用于定义HTML元素的显示效果，原本的样式是在html中内嵌定义的，css的出现使得分工更加清晰

内嵌样式修改文字颜色

<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title>内嵌样式</title>
<style type = "text/css">
h1 {color:red;}
p{color:blue}
</body>
<h1>红色</h1>
<p>蓝色</p>
</body>
</html>

内嵌样式设置没有下划线的链接

<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title>设置无下划线链接</title>
</head>
<body>

<a href = "链接地址" style = "text- decoration:none;">
访问我的主页</a>
</body>
</html>

——————————————————————————————————

如何使用CSS

链接到一个样式表的示范

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>链接样式表</title>
<link rel ="stylesheet" type = "text/css" href ="样式表地址">
</head>

<body>
<h1>使用外部样式文件来格式化文本</h1>
<p> 之后的段落</p>
</body>
</html>