CSS-层叠样式表

CSS-层叠样式表

1.作用:

可以让页面看起来更加美观,格式更加有条理。

2.简介

CSS是层叠样式表(Cascading Style Sheets) 的简称,有时我们也会称之为CSS样式表或级联样式表。

CSS也是一门标记语言。

CSS主要用于设置HTML页面中的文本内容(字体、大小、对其方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。

CSS让我们的页面更加丰富多彩,布局更加灵活自如。简单理解:CSS可以美化HTML,让HTML更漂亮,让页面布局更简单。

3.CSS语法规范

这里写一段带了CSS的代码:

DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS语法规范title>
    <style>
        p {
            color: cornflowerblue;
            font-size: 30px;
        }
    style>
head>
<body>
    <p>这是一个段落p>
body>
html>

我们可以发现,相比于之前单纯的HTML代码,这段代码有什么不同呢?这段代码其实是多了一段:

<style>
        p {
            /*"p"指的是

标签*/ color: cornflowerblue; /*color属性可以规定下面HTML代码的"p"标签内文本的颜色*/ font-size: 30px; /*font-size属性可以规定"p"标签内文本的大小,这里我们可以设置为30像素*/ } style>

这里我们运行一下代码,看一下运行结果:

CSS-层叠样式表_第1张图片

再看看我们之前没有CSS语句的代码
CSS-层叠样式表_第2张图片

这样看来,就能很直观的看出来那两句CSS代码的作用了。

你可能感兴趣的:(CSS学习笔记,css,css3,html)