什么是 CSS?
CSS 是 Cascading Style Sheet 的缩写,层叠样式表,是一种用来体现文件款式的计算机语言。
- CSS 不仅能够动态地润饰网页,还能够配合各种脚本语言动静地对网页各元素进行格式化。
- CSS 可能对网页中元素地位的排版进行像素级准确管制,反对简直所有的字体字号款式。
- CSS 领有对网页对象和模型款式编辑的能力。
- 在主页制作时采纳 CSS 技术,能够无效地对页面的布局、字体、色彩等成果实现更加准确的管制。
1.CSS 不仅能够动态地润饰网页,还能够配合各种脚本语言动静地对网页各元素进行格式化。
2.CSS 可能对网页中元素地位的排版进行像素级准确管制,反对简直所有的字体字号款式。
3.CSS 领有对网页对象和模型款式编辑的能力。
4. 在主页制作时采纳 CSS 技术,能够无效地对页面的布局、字体、色彩等成果实现更加准确的管制。
CSS 入门
如果将开发一套网页当做修建一栋大楼,则 html 就等于是对大楼的构造进行实现,而对大楼的装修个别交给装璜公司,而在网页中设计中 css 就相当于是装璜公司。
CSS,Cacading Style Sheets(层叠样式表),是一种可能对 html 构造进行丑化以及管制的形容型语言,css 通过一系列选择器,选中 html 中的元素,而后通过提供的丰盛的属性对这些元素进行装璜。
语法标准
选择器{
属性名 1: 属性值 1;
属性名 2: 属性值 2;
…
}
CSS 实例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
/* css 样式表 */
#div1{
width:300px;
height:50px;
background:#ff6700;
color:#fff;
text-align: center;
line-height:50px;
font-family: "楷体";
font-size:1.8em;
}
</style>
</head>
<body>
<!-- 指标元素(须要被装璜的元素)-->
<div id="div1" class="">
这是一个 div 元素
</div>
</body>
另外,须要我收藏多年 前端面试真题解析 200Gpdf和 前端知识点源码 的敌人们能够 戳我支付~
CSS 款式在 html 页面中的几种应用形式
在 html 中应用 css 的形式蕴含以下几种
- 内联款式:在 html 页面的 style 标签之间间接编写款式代码
- 内部款式文件:将内部的 css 文件通过 link 标签引入 html 页面中
- 内嵌款式:间接应用 html 标签外部的 style 属性设置款式
另外,内联款式、内部款式文件、内嵌款式下节会讲到。求赞,请继续关注我~