这篇博客介绍了CSS的基础知识，包括其概念、语法、添加方法、选择器类型，以及文本样式、背景、超链接、列表和表格的使用。强调了CSS的选择器优先级和一些实用技巧，如伪类选择器和表格边框设置。
一、CSS概念和语法
Cascading Style Sheets 层叠样式表
css的核心特性：层叠、标记
1、
p{
/*选择器（样式名）*/
/*属性：属性值*/
font-size:12px; /*字号*/
color:blue; /*文字颜色*/
font-weight:bold; /*加粗*/
}
①注释可跨行
②最后一条申明的分号可有可无
二、CSS添加方法
1、行内添加
(直接在p标签内部加一个style属性)
<p style="color:red;">
天使投资指早期投资
</p>
2、内嵌样式
(将CSS代码内嵌到head标签部分,用style标签表示)
<head>
<style type="text/css">
p{
color:red;
}
</style>
</head>
<body>
<p>天使投资指早期投资</p>
</body>
①当前页面的p标签只对当前页面的所有p标签是有效的
3、单独文件
(新建后缀以.css结尾的文件)
文件内容：
p{
color:red;
}
网页文件引用形式：<link rel="stylesheet" href="css/style'css" />
(在head标签中)
①link标签：表示要进行一个文件链接
②rel属性：表示链接到的文件类型 eg:链接到样式表文件
③href属性：表示要链接的文件的相对位置和文件的名字
优先级：行内样式>内嵌样式>链接样式>浏览器默认样式
三、CSS选择器
1、选择器类型
①标签选择武器 （ 与标签的名字同名）
<style type="text/css">
body{
background-color:#ccc;
text-align:center
最低0.47元/天 解锁文章
扫一扫
341
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
