• Css样式基础


    1.Css的语法

    CSS的语法主要由两个部分组成,一个是选择器,一个是属性、

    选择器又分为以下几种:

    1.元素选择器:即Html标签去掉括号的就是元素

    2.类选择器:所谓的类就是说class=“名称”,类的名称是可以相同,也可以不同。调用的时候类名前面要加“.”

    3.id选择器:名称不能相同,具有唯一性。主要用于后台交互。调用是id的名称前要加“#”。

    4.伪类:语法为selector : pseudo-class {property: value}

    主要运用为:

    a:link {color: #FF0000} /* 未访问的链接 */
    a:visited {color: #00FF00} /* 已访问的链接 */
    a:hover {color: #FF00FF} /* 鼠标移动到链接上 */
    a:active {color: #0000FF} /* 选定的链接 */

    其中 hover必须放在 link和visited之后。

    使用最多的选择器就是以上的几种。

    2.背景

    CSS 属性定义背景效果:

    background-color

    background-image

    background-repeat

    background-attachment

    background-position

    3.文本:

    文本格式text主要语法为标签{属性}其属性主要有以下这些:

     color               设置文本颜色
    direction             设置文本方向。
    line-height             设置行高。
    letter-spacing           设置字符间距。
    text-align             对齐元素中的文本。
    text-decoration           向文本添加修饰。
    text-indent             缩进元素中文本的首行。
    text-shadow             设置文本阴影。CSS2 包含该属性,但是 CSS2.1 没有保留该属性。
    text-transform             控制元素中的字母。
    unicode-bidi             设置文本方向。
    white-space             设置元素中空白的处理方式。
    word-spacing             设置字间距。

    4表格 Table

    主要格式为

    <table>

      <tr>

        <td></td>

          .....

      </tr>

    </table>  

    属性有

    border-collapse 设置是否把表格边框合并为单一的边框。
    border-spacing 设置分隔单元格边框的距离。
    caption-side 设置表格标题的位置。
    empty-cells 设置是否显示表格中的空单元格。
    table-layout 设置显示单元、行和列的算法。

     

  • 相关阅读:
    『转』 PreTranslateMessage作用和使用方法
    either...or...与 neither...nor...
    CSS五類常用選擇器(收藏)
    JQuery选择器(selectors 的xpath语法应用)
    我是怎么看friends练口语的(转贴)
    变量的命名方法【Hungarian】【camelCase】【PascalCase】
    JavaScript继承机制的实现(未完)
    JavaScript面向对象编程(1) 基础
    Javascript:Object.extend
    JavaScript面向对象编程(2) 类的定义
  • 原文地址:https://www.cnblogs.com/LeiFenggreed/p/5863363.html
Copyright © 2020-2023  润新知