码迷,mamicode.com
首页 > Web开发 > 详细

CSS简介

时间:2019-11-03 22:10:56      阅读:131      评论:0      收藏:0      [点我收藏+]

标签:inf   结果   pat   语句   initial   ati   图片   content   外观   

一、什么是CSS

  • CSS(Cascading Style Sheets的缩写),翻译为“层叠样式表”或“级联样式表”,简称样式表。

    二、CSS的主要作用

  • 它主要是用来给HTML网页来设置外观或样式。
  • 外观或样式:HTML网页中的文字的大小、颜色、字体,网页的背景颜色、背景图片。

    三、书写CSS的语法规则

技术图片

  • CSS代码是由选择器和一对括号组成。
  • 大括号里面是由一条一条的声明语句组成。
  • 每一条语句是由“属性:值”组成。
  • 每一条语句都要使用英文状态下面的分号代表结尾。

    四、快速入门

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style type="text/css">
        /*
            在这里书写CSS代码。
            CSS代码:选择器:{语句1;语句2;}
        */
        p {
            color: red;     /*给文本设置颜色为red颜色*/
            font-size: 100px;    /*设置字体大小为100px*/
        }
    </style>
</head>
<body>
   <p>
        孙悟空、猪八戒、沙悟净
   </p>
</body>
</html>

运行结果如下:

技术图片

CSS简介

标签:inf   结果   pat   语句   initial   ati   图片   content   外观   

原文地址:https://www.cnblogs.com/lq0001/p/11789319.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!