CSS学习之旅(一)

今天开始学习CSS的进程。

一、认识CSS样式

       CSS全称为“层叠样式表 (Cascading Style Sheets)”,它主要是用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等。


二、css语法格式


CSS学习之旅(一)_第1张图片
css语法格式

由上图可以看出,css由选择符和声明构成,声明又由属性和值组成,

选择符:又称选择器,指明网页中要应用样式规则的元素,如本例中是网页中所有的段(p)的文字将变成蓝色,而其他的元素(如ol)不会受到影响。

声明:在英文大括号“{}”中的的就是声明,属性和值之间用英文冒号“:”分隔。当有多条声明时,中间可以英文分号“;”分隔,如下所示:


三、css快速注释

    /*注释文本*/


四、CSS样式

(1)内联式-直接写在现有的HTML标签中

例:

这里文字是红色

注意:要写在元素的开始标签里、

并且css样式代码要写在style=""双引号中,如果有多条css样式代码设置可以写在一起,中间用分号隔开。

(2)嵌入式-写在当前文件中

语法:

(3)外联式-写在单独的一个文件中

外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在内(不是在