• CSS基础


    CSS语法

    css的语法    selector{property: value}

    即 选择器{属性 : 值}

    选择器

    1.用元素做选择器,直接写元素

    <style>
    p{
        color: red;      
    }
    </style>
    <p> 红色</p>

    2.用id做选择器,用#

    <style>
        #id1{
             color: red;  
        }
    </style>
    <div id="id1"> abcd </div>    

    3.用类做选择器,用 . 

    <style>
        p.first{
             color:red;        
        }
        .first{
             color:red;
        }
    </style>
    <p class="first">abc</p>
    <span class="first">def</p>

    可以直接用 .first 选择, 也可以更加具体,用 p.first 选择。

    注释

    使用   /*注释注释注释*/

    尺寸

    width属性 和 height属性

    背景

    背景颜色:background-color,属性值可以使用:red、 rgb(250, 0, 0)、#ff0000

    图片做背景:background-image: url(路径)

    背景重复属性background-repeat:no-repeat不重复; repeat-x水平重复; repeat-y垂直重复;repeat水平垂直都重复

    文本

    文本颜色:color : blue;

    文本对齐:text-align:left、right、center

    文本修饰:text-decoration:overline上划线、line-through删除效果、underline下划线、blink闪烁、none可用于去除链接自带的下划线

    行间距:line-height :50%、10px

    字符间距: letter-spacing:2

    单词间距:word-spacing:10

    行首缩进:text-indent:50

    字体

    大小:font-size:30px、50%、0.5em

    风格:font-style:normal标准字体、italic斜体

    粗细:font-weight:normal、bold粗体

    字体:font-family:default、黑体、宋体

    表格样式

    表格布局:table-layout:automatic td的宽度随着td的内容多少而变化;fixed 固定长度,宽度为td上设置的宽度

    表格边框:border-collapse:separate 表格边框为双线;collapse 边框为单实线

  • 相关阅读:
    IOS UIPickView+sqlite 选择中国所有城市案例
    IOS Sqlite用户界面增删改查案例
    IOS sqlite数据库增删改查
    IOS基于新浪微博开放平台微博APP
    ASIHTTPRequest 对GET POST 请求简单封装
    装饰器模式
    策略模式
    网站加入QQ聊天链接
    Spring AOP详解
    Maven搭建多模块企业级项目
  • 原文地址:https://www.cnblogs.com/zhuqiwei-blog/p/10226021.html
Copyright © 2020-2023  润新知