CSS简介

来源：互联网发布：备案好的域名编辑：程序博客网时间：2024/06/18 04:00

1. 什么是CSS

CSS就是层叠样式表。

样式表指的是用很多的属性和属性值，来设置内容样式。
层叠指的是一层一层的，样式的优先级。
优先级指的是最终以谁的样式为准。

2. 使用CSS的目的是什么

把网页的内容和样式进行分离，利于代码的维护。注意：想要使用CSS,不能单独使用，要和HTML结合使用。

CSS和HTML的四种结合方式

第一种：使用HMTL标签里面的属性进行操作——style=”css的代码”

<html > <head>  <title>CSS的结合方式一</title> </head> <body>  <div style = "background-color:green;color:red">付出就有收获，只是不在同一个季节</div> </body></html><strong></strong>

第二种：使用html的标签

<html > <head>  <title>CSS的结合方式二</title>      <style type="text/css">        div {             background-color:green;             color:blue        }      </style> </head> <body>      <div >付出就有收获，只是不在同一个季节</div> </body></html><strong></strong>

第三种：使用link标签实现注：要写在head里面

1.首先创建css文件，在css文件里面写css代码

div {    color:red;}

2.在html中使用link标签引入css文件

<html> <head>    <title>CSS的结合方式三</title>    <link rel="stylesheet" type="text/css" href="theme.css" /> </head> <body>     <div>付出就有收获，只是不在同一个季节</div> </body></html>

第四种：使用html的style标签，在标签里面使用语句样式操作

1.首先创建css文件，在css文件里面写css代码

div {    color:green;}

2.写style标签，在标签里面 @import url(css路径)

<html> <head>      <title>CSS的结合方式三</title>      <style type="text/css">        @import url(theme.css);      </style> </head> <body>      <div>付出就有收获，只是不在同一个季节</div> </body></html>

0 0