CSS样式

最新推荐文章于 2022-08-29 23:19:21 发布

谁的大王

最新推荐文章于 2022-08-29 23:19:21 发布

阅读量628

点赞数

分类专栏： css 文章标签： css stylesheet html table url

本文链接：https://blog.csdn.net/sprita1/article/details/7569018

版权

css 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

一、内部样式表

1、选择器：

<html>
<head>
    <title>内部样式表</title>
    <style type="text/css">
      body{               //body是选择器
   background-color:red;
      }
      table{
   text_align:center       //table是选择器
      }
      h1{               //h1是选择器
   color:red
      }
      p{               //p是选择器
        text-decoration:underline;
      }
    </style>
</head>
</html>
<html>
<head>
    <title>内部样式表</title>
    <style type="text/css">
      body{
   background:red url(http://www.baidu.com) no-repeat   //分别表示颜色、背景图片、背景图片是否重复。他们之间用空格区分
      }
    </style>
</head>
</html>

2、伪类：
<html>
<head>
    <title>内部样式表</title>
    <style type="text/css">
      /**
   link:    从未访问过的连接
   visited: 已经访问过的链接
   active: 得到焦点的连接
   hover:   鼠标悬停时
      */
      a:link{
   color:red;
   font-size:400px;
      }
    </style>
</head>
</html>

二、外部样式表
1.在style目录下定义一个style.css文件，内容：
   body{
      background-color:red;
   }
2.在html文件里引用上面的样式：
   <html>
      <head>
        <title>引用外部样式</title>
        <link rel="stylesheet" type+"text/css" ref="style/style.css"/>
      </head>
   </html>

三、还有ID选择器和类别选择器