CSS样式概述

样式概述

什么是样式？样式有哪些作用？样式的书写？

CSS（Cascading Style Sheets）层叠样式表，主要作用：装饰页面、排版布局。

1、装饰：对于元素进行装饰，例如背景颜色、边框线、字体....

2、布局排版：对元素的排版控制，例如元素与元素之间的距离、位置、元素的高度....

大家还记得我在“HTML常用标签”一文中讲a标签时提到的CSS吗？（如下图）

没错！今天开始我们就是要开始讲这个CSS样式。

CSS样式的书写主要分为两个部分：选择器、申明

1、选择器：找到HTML结构中，需要被添加样式的元素。

2、申明：具体要添加修改的样式。

（现在说这些概念可能听得有点懵，没事！跟着我一起往下学就能慢慢理解）

样式申明的格式是固定的，但是申明的位置却不一定，按照写的位置不同主要分为，头部、外部、行内三个部分。

头部样式（内联样式）：写在head标签中的style标签内。

网页浏览效果：

外部样式（外联样式）：写在单独的.css后缀的文件中，通过link rel=stylesheet 连接标签来引入。

网页浏览效果：

（跟刚才头部样式的效果完全是一样的）

行内样式：直接将样式写在元素行内style属性的属性值里，不需要选择器。

网页浏览效果：

注：如果有什么疑问欢迎大家在评论区留言，一有空就会马上回复！！！

       相互学习共同进步！！！