我爱编程

CSS: 简介

2018-07-26  本文已影响0人  561561

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"/>
上一篇 下一篇

猜你喜欢

热点阅读