zoukankan      html  css  js  c++  java
  • html样式表

    @charset "utf-8";
    /* CSS Document */
    */*所有标签起作用,边距和间距都设为0px*/
    {
        margin:0px;
        padding:0px;}
    p,span   /*直接写个标签名字,表示所有的p标签都执行这个样式*/
    {
        background-color:#F6C;
        color:#0F0;}
    p.sp
    {
        background-color:#FF0;
        color:red;
        font-size:36px;}
    .main/*以.开头,使用class引用此样式表*/
    {
        height:50px;
        300px;
        background-color:#0FF;
        font-size:45px;}
    .main p/*表示使用class=main的标签内若有p标签,执行此样式*/
    {
        400px;
        font-size:36px;}
    #main/*以#开头,使用id选择器引用此样式表*/
    {
        height:60px;
        500px;
        background-color:#60C;
        font-size:36px;}
    a:link

    通过样式表,我们可以控制html中显示的字体大小,格式,颜色等

    <style type="text/css">
    
    </style>
    <link href="Untitled-1.css" rel="stylesheet" type="text/css" />
    </head>
    
    <body>
    <div style="background-color:#0F0">1234567</div>
    <p>春天来了。</p>
    <p>花儿开了,草儿绿了。</p>
    <p class="sp">鹅鹅鹅,曲项向天歌。</p>
    <span class="main">锄禾日当午<p>汗滴禾下土</p></span>
    <p class="main">白日依山尽</p>
    <p id="main" >床前明月光</p>
    <span>疑是地上霜</span><br />
    <a href="http://www.baidu.com/">百度一下</a>
    </body>
    </html>

    我们在html的标签里引用上样式表,下图即为效果

    div默认占用一行,而span则是用多少占用多少

  • 相关阅读:
    NSObject-拷贝 NSCopy-NSMutablecopy
    NSObject 排序
    iOS UIView上添加mp4视频
    OC语言中BOOL 和 bool 区别
    便利初始化浅析
    可变字符与不可不可变字符串的心得
    博客开通随笔
    OC总结第五讲:多态
    oc总结第四讲:属性
    oc总结第三讲 setter getter 方法 点运算符
  • 原文地址:https://www.cnblogs.com/blueteasama/p/5670413.html
Copyright © 2011-2022 走看看