css-样式

CSS样式：
    样式分类：
        行内样式：写在标签内的样式
        内部样式：写在style标签内
        外部样式：单独写一个css文件
        使用外部样式：
            <link rel="stylesheet" type="text/css" href="文件路径"/>
        优先级：
            外部样式==》内部样式==》行内样式
            
    选择器：
        标签选择器：
        类选择器：
        id选择器：
        优先级：
            标签选择器==》类选择器==》ID选择器
 
 
 
背景属性：
    
background （缩写形式）    background-color（背景色 ）
    
background-image（背景图 ）
    
background-repeat（背景图重复方式 ）
    
background-position（位置坐标、偏移量）
文本属性：
    字体、字号：
        
font（缩写形式）        
        font-weight（粗细）         
        font-size（大小）         
        font-family（字体）
    行距、对齐等：
        line-height （行高）
        
text-align （对齐）
        
letter-spacing （字符间距）
        
text-decoration （文本修饰 ）
        
white-space （空白处理 ）
列表属性：
    list-style （列表风格）        
        属性值    方式            语法实现            示例
        none    无风格            list-style:none;       刷牙
   洗脸
        disc    实心圆（<ul>默认类型）    list-style:disc;       ● 刷牙
● 洗脸
        circle    空心圆            list-style:circle;       ○ 刷牙
○ 洗脸
        square    实心正方形        list-style:square;       ■ 刷牙
■ 洗脸
        decimal    数字（<ol>默认类型）    list-style:decimal       1. 刷牙
2. 洗脸
        
        
            li{
                list-style: none;  取消样式
                float: left; 设置右飘
                width:100px ; 设置间距
    秒杀    优惠价    PLUS会员    品牌闪购    拍卖    京东家电
            }
 
 
-----------------------------------------------------------------------------------------------------------
 
            a{
                text-decoration: none;
                /* 取消超链接下划线 */
            }
 
 
 
            /* 鼠标触碰效果 */
            .c li a:hover{
                color: #00FFFF;
                font-size: 20px;
            }
 
                鼠标触碰事件可以放图片
            .nav li a:hover{
    background: url(../img/nav_bg.gif) no-repeat;/* 设置鼠标触碰事件 */
                }
 
 
    /* 点击效果 */
    .k li a:active{
        color: #FF0000;
        font-size: 13px;
    }
    
    /* 字体颜色 */
    .k li a:visited{
        
        color: #333333;
        font-size: 13px;
    }
    
    /* 鼠标放上去字体颜色变动 */
    .k li a:hover{
        color:darkorange;
        font-size: 15px;
        
    }