zoukankan      html  css  js  c++  java
  • CSS描述了网页的布局

    1.CSS格式

    CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明;CSS声明总是以分号(;)结束,声明组以大括号({})括起来:

    .style{color:red;text-align:center;}

    2.CSS 注释:/**/

    3.CSS 选择器
    HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义

    #terminal
    {
    text-align:center;
    color:red;
    }

    class 选择器在HTML中以class属性表示, 在 CSS 中,类选择器以一个点"."号显示

    .center {text-align:center;}

    指定特定的HTML元素使用class

    p {text-align:center;}


    4.CSS 创建
    插入样式表的方法有三种:内联样式)Inline style > (内部样式)Internal style sheet >(外部样式)External style sheet > 浏览器默认样式

    外部样式表(External style sheet)

    <head>
    <link rel="stylesheet" href="../css/box.css">
    </head>

    内部样式表(Internal style sheet)

    <head>
    <style>
    .bigBox{overflow:hidden;left: 0px; right: 0px; 100%;}
    .LeftBox { float: left; 63%; height:98%; margin-top:1%;margin-bottom:1%;margin-left:1%;margin-right:1%;}
    .RightBox { float: left; 33%; height:98%; margin-top:1%;margin-bottom:1%;margin-left:1%;margin-right:1%;}
    .box {
    position: relative; 
    background: #003; 
    border-top: 1px solid #d2d6de;
    border-top-color: #383838; 
    }
    </style>
    </head>

    内联样式(Inline style)

    <div id="full" class="bigBox" style="height:1000px;">
  • 相关阅读:
    tomcat修改端口
    JSP_大并发_秒杀
    Nexus刷官方下载的映像_occam
    Nexus杂
    多项式ADT加法乘法——数组实现
    单链表——游标实现
    链表基本操作实现
    二叉查找树
    AVL树
    ORM框架疏理——廖雪峰实战系列(一)
  • 原文地址:https://www.cnblogs.com/corolcorona/p/7257610.html
Copyright © 2011-2022 走看看