zoukankan      html  css  js  c++  java
  • 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 设置显示单元、行和列的算法。

     

  • 相关阅读:
    交叉编译OpenCV的教程——基于aarch64-linux-gnu的交叉编译器
    Day01:我的Python学习之路
    将中文库导入到ARM板子中以解决中文显示乱码的教程
    Linux环境下挂载SD卡的教程
    Ubuntu下压缩与解压各种文件的命令
    Ubuntu14.04环境下Qt5.5以上版本无法输入中文的解决教程
    编程之美:队列中的最大最小值
    leetcode:Compare Version Numbers
    leetcode:Search for a Range
    csapp:无符号数可能造成的程序bug
  • 原文地址:https://www.cnblogs.com/LeiFenggreed/p/5863363.html
Copyright © 2011-2022 走看看