Web前端学习（二） Css的基础用法

什么是CSS

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

Css的基本常用语法

格式

[属性]：[属性值];

<div style="background-color: red">div1</div>

Css的引入方式

内嵌式

 <!--内嵌式-->
    <div style="background-color: red">div1</div>

内部式

<!--内部式-->
    <style type="text/css">
        body{
            /*背景颜色*/
            /*background-color: green; */
        }
    </style>

外部式

 <!--外部式-->
    <link rel="stylesheet" type="text/css" href="main.css">    /*mian.css 为外部定义的css文件*/

Css选择器

标签选择器

[标签名] {}

  body{
            background-color: green;
        }

ID选择器

#[ID值]{}

        #div_2{
            background-color: blue;
        }

类选择器

.[类名]{}

.div_class{
            background-color: greenyellow;
        }

Css常用样式

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

字体大小：font-size:【具体大小】;
字体加粗： font-weight:
normal 正常（默认）
bold 加粗
lighter 变细
边框：border:边框类型，尺寸，颜色;