CSS学习

Posted NONE

tags:

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

四月要开始搞个人博客网站，完全独立做，前端技术是第一个难关啊。

 

一，CSS文件的声明

在<head></head>中，同一目录的情况：<link rel = "stylesheet" type = "text/css" href = "myStyle.css"/>

二，元素选择器

<html>
       <head>
              <link rel = "stylesheet" type = "text/css" href = "myStyle.css"/>
              <title>
                     hello.html
              </title>
       </head>
       <body>
              <a>hhhhh</a>
              <b>lllll</b>
       </body>
</html>
a
{
   color:blue;
}
b
{
   color:red;
}

三，类选择器

注意，css里面，class前面要写一.

<html>
       <head>
              <link rel = "stylesheet" type = "text/css" href = "myStyle.css"/>
              <title>
                     hello.html
              </title>
       </head>
       <body>
              <a class = "class1">hhhhh</a>
              <b class = "class2">lllll</b>
       </body>
</html>
.class1
{
   color:blue;
}
.class2
{
   color:red;
}

 四，id选择器

前面#

<html>
       <head>
              <link rel = "stylesheet" type = "text/css" href = "myStyle.css"/>
              <title>
                     hello.html
              </title>
       </head>
       <body>
              <a id = "id1">hhhhh</a>
              <b id = "id2">lllll</b>
       </body>
</html>
#id1
{
   color:blue;
}
#id2
{
   color:red;
}

 

以上是关于CSS学习的主要内容，如果未能解决你的问题，请参考以下文章

VSCode自定义代码片段7——CSS动画

VSCode自定义代码片段7——CSS动画

VSCode自定义代码片段6——CSS选择器

css常用代码片段 (更新中)

CSS代码片段

CSS代码片段