zoukankan      html  css  js  c++  java
  • 0322css样式表,选择器

    Css样式表

    内联样式表:<p style="font-size:14px;">内联样式表</p>

    内嵌样式表:必须写在head标签里面。

    <style type="text/css">

      p   //格式对p标签起作用

      {

      样式;

      }

      </style>

    外部样式表: 新建一个CSS文件,用来放置样式表。如果要在HTML文件中调用样式表,需要在HTML文件中点右键→CSS样式表→附加样式表。一般用link连接方式。

    例如:源代码

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>无标题文档</title>

    <link href="Untitled-css.css" rel="stylesheet" type="text/css" />

    </head>

    <body>

    <p>王策最帅,人人都爱</p>

    </body>

    </html>

    Css文件:

    @charset "utf-8";

    /* CSS Document */

    <style>

    *

    {

             margin:0px;

             padding:0px;

             }

    p

    {

             background-color:#F00;

             color:#0F0;

              font-size:90px;

              }     

            

            

                      

              </style>

    效果图

    选择器

    1.标签选择器。用标签名做选择器。

    2.class选择器。都是以“.”开头。

    3.ID选择器。以“#”开头。

    <div id="样式名">

    4.复合选择器

    (1)用“,”隔开,表示并列。

    (2)用空格隔开,表示后代。

    (3)筛选“.”。

    样式属性;

    (一)背景与前景

    1.背景:

    2.前景字体:

    (二)边界和边框

    border(表格边框、样式等)、margin(表外间距)。padding(内容与单元格间距)。

    (三)列表与方块

    widthheight、(topbottomleftright)只有在绝对坐标情况下才有用。

    链接的style

      a:link 超链接被点前状态

      a:visited 超链接点击后状态

      a:hover 悬停在超链接时

      a:active 点击超链接时

      在定义这些状态时,有一个顺序l v h a

  • 相关阅读:
    bzoj 2832
    洛谷5月月赛
    P4705 玩游戏
    【bzoj4817】[Sdoi2017]树点涂色&&bzoj3779-重组病毒
    A
    P4715 「英语」Z 语言
    P4714 「数学」约数个数和
    P2860 [USACO06JAN]冗余路径Redundant Paths
    【BZOJ3252】攻略
    BZOJ 1706
  • 原文地址:https://www.cnblogs.com/wcc731546227/p/5309556.html
Copyright © 2011-2022 走看看