css 的中文名为层叠样式表

光看名字,实在不知道css是干嘛的.

举个例子,在QQ空间可以选择不同的主题,当点击了不同的主题后,页面展现马上就不一样了.

这就是由css来实现的,说白的,html只管基础的网页结构,而css就是控制网页排版,和让网页好看的.

1. CSS 应该写在哪?

有三种方法可以在站点网页上使用样式表:

1.外部样式:写在外部css文件中,然后引用过来.

<link href="style.css" rel="stylesheet"/>

2.内页样式:写在html<head></head>标签里面.

<head>
    <style>
        body {
            font-size:12px;
        }
    </style>
</head>

3.行内样式/元素样式:直接嵌入到html标签上.

<p style="color:yellow">hello, world!</p>

2. CSS 应该怎么写?

CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明

selector {declaration1; declaration2; ... declarationN }

看上面那个例子,是不是完全不知所云?那我们举个例子吧

如果我们想让下面这个p标签的文字大小为14px,颜色是黄色的,那么就可以用到css

<style>
p {                           //这里的`p`就是选择器,表示你要设置`css`的`html标签`是谁
    font-size: 14px;          //每一行是一个`css`的`声明`
    color: yellow;          //这里的`font-size`和`color`都是`属性`,冒号后面是`属性值`
}
</style>
<p>hello, whphp.com</p>

通过上面的课程,相信你对CSS已经有了一个初步的认识了,那么赶快来学习下一章 CSS 的选择器吧

已添加到收藏了