CSS的基础之语法 .引入方式 .CSS选择器 .常用样式设置

CSS的基础之语法 .引入方式 .CSS选择器 .常用样式设置

 

-CSS介绍
CSS：层叠样式表（英文：Cascading Style Sheets）是一种用来表现HTML(标准通用标记语言的一个应用)
或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态得对网页
各元素进行格式化。

 

-CSS语法
格式：
[属性]:[属性值]
例如：
设置背景颜色为蓝色
background-color:blue;

 

-CSS的引入方式
1.内嵌式：
<div style="background-color:blue"></div>
例如：
<div style="background-color: aqua">div</div>

2.内部式：
<style type="text/CSS">
/*CSS代码*/
</style>
3.外部式：
<link rel="stylesheet" type="text/CSS"href="CSS文件地址">
例如：<link rel="stylesheet" type="text/css" href="文件.css">

 

-CSS的选择器：
1.标签选择器：
标签名{};

2.ID选择器
#ID值{};

3.类选择器：
.类名{};

 

-CSS的常用样式

背景颜色：background-color:颜色;
背景图片：background-image:url(图片地址);
图片平铺：background-repeat:
repeat 水平垂直都平铺（默认）
repeat-x 水平平铺
repeat-y 垂直平铺
no-repeat 不平铺

字体大小：font-size:具体大小;
字体加粗：font-weight:
normal 正常（默认）
bold 加粗
lighter 变细

边框：boder:边框类型(solid虚线，dash实线)，尺寸(1px)，颜色red;