zoukankan      html  css  js  c++  java
  • js学习笔记——css简单总结

    CSS(Cascading Style Sheet)层叠样式表

    1、CSS样式:格式

    (1)由一个名称/值的属性对列表指定的;

    (2)属性之间用逗号分开;

    (3)属性和值属性之间用冒号隔开

    2、CSS样式主要属性:(略)以后再专门对这块总结

    3、在文档元素中添加样式属性:

    (1)在html标记的style属性使用:如

    <p style="margin-left:lin;margin-right:lin;">

    在<head>部分中的<style></style>标记之间插入:

    (2)使用样式表——实现文档结构和外观分离:
    规则:

    标记选择器{属性:值;

              属性:值;

             ...}

    选择器——指定要应用的文档元素(标记);

    如:

    body{margin-left:30px;margin-right:15px;background-color:#ffffff}

    (3)指定元素的类,元素的类由html标记的class属性定义:
    规则:

    .类选择器{属性:值;...}

    如:以粗体字显示所有class属性为attention的标记:

    .attention{font-weight:bold}

    (4)类选择器和标记选择器联合使用:

    p.attention{color:red;}

    (5)指定id属性,如不显示id属性为"p1"的元素:

    #p1{visibility:hidden}

    (6)用@import指示符在一个特定页面的样式表中包含一个共享的CSS文件:

    如:

    <html>
    <head><title></title>
    <style type="text/css">
    @import "mystyles.css";
    p{font-size:48px;}
    </style>
    </head>
    <body></body>
    </html>

    (7)使用<link>标记把一个定义好的样式表引入到指定的页面:
    如:

    <link href="${path }/css/form/css.css" rel="stylesheet"
                type="text/css">
  • 相关阅读:
    【2020-07-04】人生十三信条
    【2020-07-03】人生十三信条
    【2020-07-02】人生十三信条
    【2020-07-01】人生十三信条
    【一句日历】2020年7月
    团队第三次作业评分 需求规格说明书
    软工评分工具
    中期成绩汇总
    软件工程第四次作业评分
    软件工程第五次作业评分
  • 原文地址:https://www.cnblogs.com/zhangchunxi/p/2982978.html
Copyright © 2011-2022 走看看