CSS-小结1

Posted zhixuChen333

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS-小结1相关的知识,希望对你有一定的参考价值。

三大引入方式

1.内部导入

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
    h1
      color: red;
    
  </style>

</head>
<body>
<h1>我是标题</h1>
</body>
</html>

外部引入

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="stylesheet" href="../css/test.css">

</head>
<body>
<h1>我是标题</h1>
</body>
</html>

行内导入

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
<h1 style="color:red;">我是标题</h1>
</body>
</html>

优先级: 行内导入>内部导入>外部导入 (就近原则)

基本选择器

  1. 标签选择器
  2. 类选择器
  3. id选择器

优先级 id选择器>class选择器>便签选择器

层次选择器

结构伪类选择器

以上是关于CSS-小结1的主要内容,如果未能解决你的问题,请参考以下文章

JavaWeb基础—CSS学习小结

css3属性小结

CSS与JavaScript小结

Web前端优化小结

1:CSS中一些@规则的用法小结 2: @media用法详解

selenium之css定位小结