【JS】CSS篇一一简短介绍下CSS

什么是CSS?

CSS是Cascading Style Sheet的缩写,层叠样式表,是一种用来表现文件样式的计算机语言。

  • CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
  • CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式。
  • CSS拥有对网页对象和模型样式编辑的能力。
  • 在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色等效果实现更加精确的控制。

1.CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
【JS】CSS篇一一简短介绍下CSS

2.CSS能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式。
【JS】CSS篇一一简短介绍下CSS

3.CSS拥有对网页对象和模型样式编辑的能力。
【JS】CSS篇一一简短介绍下CSS

4.在主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色等效果实现更加精确的控制。
【JS】CSS篇一一简短介绍下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>

CSS样式在html页面中的几种使用方式

在html中使用css的方式包含以下几种

  1. 内联样式:在html页面的style标签之间直接编写样式代码
  2. 外部样式文件:将外部的css文件通过link标签引入html页面中
  3. 内嵌样式:直接使用html标签内部的style属性设置样式

另外,内联样式、外部样式文件、内嵌样式下节会讲到。求赞,请持续关注我~

以上是 【JS】CSS篇一一简短介绍下CSS 的全部内容, 来源链接: utcz.com/a/91771.html

回到顶部