CSS简介

原创于 2017-11-01 12:24:35 发布 · 367 阅读

0 ·

CC 4.0 BY-SA版权

网页前端专栏收录该内容

27 篇文章

订阅专栏

本文介绍了CSS层叠样式表的基本概念及应用方式，包括如何通过不同的方法将CSS与HTML文档结合，实现网页内容与样式的分离，提高显示效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

CSS 层叠样式表（Cascding Style Sheets ）用来定义网页的显示效果

将网页内容和显示样式进行了分离提高了显示功能

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
	<link rel="stylesheet" href="div.css" type="text/css"/>
	<style type="text/css">
	/*@import url(div.css);*/
    </style>
</head>

<body>
<!-- 
css和html结合的第一种方式
1 每一个html标签中都有一个style样式属性
2 使用了style标签的方式
3 @import 导入方式
4 link 链接方式 html代码


css样式优先级 后加载的为主
-->

	<div >这是一个div区域1 </div>
    <div>这是一个div区域2</div>  
      
    <span>span1</span>  
    <span>span2</span>  
      
    <p>这是一个段落1</p>  
    <p>这是一个段落1</p>
    
     
</body>
</html>