![图片[1]-【零基础学渗透】前端基础学习（2）CSS学习-FancyPig's blog](https://static.iculture.cc/wp-content/uploads/2021/08/20210822004719137.png?x-oss-process=image/auto-orient,1/format,webp/watermark,image_cHVibGljL2xvZ28ucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLFBfMTA,x_10,y_10)
CSS相关
1. 概念
– CSS:指层叠样式表 (Cascading Style Sheets)，CSS3为CSS最新版本
2. 语法
– CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。
– 例：
h1 {
color:red;
font-size:14px;
}将 h1 元素内的文字颜色定义为红色，并将字体大小设为 14 像素。
在这个例子中，h1 是选择器，color 和 font-size 是属性，red 和 14px 是值。
同样的道理我们可以给其他标签加css属性
3. 在html中应用CSS:
– 行内样式:在标签中直接添加，定义一级标题为红色
<h1 style="color:red"> – 内嵌样式:在 head头中，添加 <style>标签
<head>
<style type="text/css"> h1 {color: red} </style>
</head> – 链接样式：将css单独写入.css 文件中，然后在html文件中引用下面的fancypig.css，这样就不用添加到head头中了，因为大多数情况下你的样式代码都会很长，这样单独引用一个文件不香吗？而且如果到后面的开发中，如果需要很多人协作，引用文件的方式再好不过了
index.html文件
<link rel="stylesheet" type="text/css" href="fancypig.css">fancypig.css文件
h1 {
color:red;
font-size:14px;
}优先级： 行内样式 > 内嵌样式 > 链接样式 (当css样式发生冲突时，按此优先级生效)
若要进一步了解可参见：若要深入学习可以参见： http://www.w3school.com.cn/css/index.as
视频资料
评论获取在线视频学习资料
© 版权声明
THE END
- 最新
- 最热
只看作者