资讯专栏INFORMATION COLUMN

CSS 的介绍

libxd / 3462人阅读

摘要:第一章宋体的介绍宋体层叠样式表,它是宋体的缩写,作用就是给宋体标签加表现形式样式宋体显示,如字体,图片,列表,位置等。宋体在制作网页时必须是背景图宋体宋体案例

 

第一章 的介绍

 

1.CSS:“层叠样式表”,它是cascading style sheets的缩写,作用就是给HTML标签加表现形式(样式-显示),如:字体,图片,列表,位置等。

在浏览器中可以看到部分:

HTML:“超文本标记语言”,主要作用把内容(文字、图片、视频等)放入网页中--结构

CSS:“层叠样式表”,主要作用给HTML进行样式的显示,如何的布局--样式

Javascript:“浏览器的脚本语言”,主要作用给HTML加动态效果(特效)--行为

CSS特点:

可以非常精准的定位,定位某个或某些标记,给这些标记加样式

HTMLCSS代码分离,减少后期工作量

 

第二章 CSS 基础

 

2.1 CSS 的基本语法

CSS样式表由语法规则组成,由多个语法规则组成样式表

一个CSS语法规则由“选择器”和“声明语句”组成

选择器:如何的精准定位选择到某一个或某些HTML标记的方法,选择器有很多方式

声明语句:就是如何去给HTML标记加样式的属性和值,每个声明语句用分号结束,多个声明语句用花括号扩起来,这个时候就是给某个或某些标记加这个里面的所有样式(属性和值)

案例:

2.2CSS的引入方式

1. 内嵌方式:把CSS样式表通过一对标签写在HTML文件的head标签中,当成HTML的标记来使用,一般情况都是写到head中,不推荐写到别的地方:

语法: