zoukankan      html  css  js  c++  java
  • CSS(层叠样式表概述)

    1、CSS(层叠样式表):用于布局美化页面,允许网页设计者定义网页元素样式,包括了字体,颜色,背景,图片大小以及其他高级样式等等。

    2、CSS不需要编译,直接由浏览器执行(属于浏览器解释型语言)。

    3、CSS语法:样式规则由选择器格式声明语句组成

    4、选择器通常是你需要改变样式的HTML元素

    5、格式声明语句放在 { } 

    6、每一条格式声明语句由 "属性名:属性值;" 组合

    7、写法

    <style type="text/css">

      h1{

        text-align:center;

       }

    </style>

    或者

    <h1 style="text-align:center;">hello world</h1>

    再或者引入外部文件

    <link rel=“stylesheet” type=“text/css” href=“./mystyle.css">

    8、注释写法  /*   css注释    */

    9、HTML引入css的三种方法:行内样式(内联样式)、行外样式(内部样式)、外部样式;

    10、CSS选择器:

    标签选择器(元素选择器):该选择器使用元素标签,例如: h1{text-align:center;},p{text-align:center;}

    类选择器(class属性值):该选择器使用class属性值,例如:<h1 calss="title" > hello world</h1> 则 .title {text-align:center;}

    id选择器(id属性值):该选择器使用id属性值,例如:<h1 id="title">hello world </h1> 则 #title{text-align:center;}

    通配符选择器:该选择器作用所有元素,例如 *{font-size:14px;color:#888}

    组合选择器:

      多元素选择器(多个元素使用同一样式,例如:p,h1,h2{text-align:center;});

      后代元素选择器(匹配某个元素的下一级元素,匹配A元素下的B元素,真正作用样式的是B元素,例如 #title p{ font-size:14px},作用在p元素);

      子元素选择器(匹配某个元素下的子元素,例如div>p{font-size:14px} ,样式作用在所有p元素)

  • 相关阅读:
    JS 利用数组拼接html字符串
    IE浏览器下读取客户端上传的文件大小
    PrintWriter out = response.getWriter() 输出中文乱码问题
    非常有用的Java程序片段
    sql之left join、right join、inner join的区别
    JAVA 数组常用技巧
    java 图片文件格式转换(多页tif转jpg 、jpg转tif)
    SQL Server 字段状态判断语句
    sql server 2008中id如何设为自增
    java基于xml配置的通用excel单表数据导入组件(五、Action处理类)
  • 原文地址:https://www.cnblogs.com/chenwenjia/p/14270754.html
Copyright © 2011-2022 走看看