码农成长记——css初识

1、div+css 三种调用方式   网页位置里面的一个位置

     属性选择

     优先级


样式分类：

1.外部样式  外部调用css文件

2.内部样式  写在head中style标签

3.内联样式   写在单个标签中的style属性


内部样式   只能在本页面使用该样式
    <style></style>

内联样式 只能在本标签下面使用
    <div style="width:100px;height:100px;background:red"></div>

外部样式 本站点下面的所有的页面都可以使用
    <link href="css/1.css" rel="stylesheet" type="text/css">
css 注释    /*    注释的内容    */

css样式定义
1    .class(可以在一个页面内多次使用)
2    #id（具有唯一性）在一个页面里面id只能使用一次
3    标签样式（div,span,p ,a,img,table tr td br i b ul li ol）

4    浏览器自带的一些CSS样式

优先级
    1.在同一个标签里面，内联样式的优先级大于内部
    2.在同一个标签里面，id的优先级大于class的优先级
    3.同一个标签里面越往下面写的样式，优先级越大
    4.class/id在同一个标签里面，class/id的优先级要大标签样式的优先级

    单位：px
          em
字体样式：
    颜色        
    大小
    字体
    样式
    行高
    对齐方式
    下划线
    加粗方式
    首行缩进
    
    color：字体颜色 16进制 rgb()  rgba() red/black/yellow/blue
    font-size：字体大小
    line-height:30px 行高（如果只有一行可以用来做竖直方向居中对齐）
        24-30
    text-align:left/center/right; “字体”水平方向居中对齐
    text-indent:2em;  首行缩进    1em代表一个汉字的宽度
    text-decoration:none/underlin   下划线