CSS: 简介

CSS是什么

CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素。

当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染)。

CSS语法

每个CSS样式由两个组成部分:选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。


image.png

注释

/*这是注释*/

CSS引入方式

1. 行内样式

行内式是在标记的style属性中设定CSS样式。不推荐大规模使用。

<p style="color: red">Hello world.</p>

2. 内部样式

嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中。格式如下:

<head>
   <meta charset="UTF-8">
   <title>Title</title>
   <style>
       p{
           background-color: #2b99ff;
       }
   </style>
</head>

3. 外部样式

外部样式就是将CSS写在一个单独的文件中,然后在页面进行引入即可。推荐使用此方式。

<link href="mystyle.css" rel="stylesheet" type="text/css"/>
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Java中String的trim()函数 简言之,Java中的trim()函数去除了字符串前后两端的所有包括空格、...
    潇Lee阅读 10,736评论 0 0
  • 在上文已经介绍枚举常量的定义,以及在枚举定义字段,构造方法和成员方法的操作。本文继续演示Java枚举中方法逻辑处理...
    博为峰51Code教研组阅读 1,819评论 0 0
  • 有时候我在想,也许我也是向往结婚的。但或许我也只是想每天睡觉前可以和爱的人互道晚安,每天睁开眼就看见彼此,然后互相...
    Almost木子阅读 1,387评论 0 0
  • 一份真挚的爱不会因为金钱、病痛、背叛等等因素就戛然而止停止对另一个人付出,同时一份爱也不会因为爱就原谅了伤害,表面...
    墨染日记阅读 4,324评论 0 2

友情链接更多精彩内容