前端之HTML & CSS 初步认识（一）

最新推荐文章于 2023-01-20 00:13:23 发布

gkkk_1

最新推荐文章于 2023-01-20 00:13:23 发布

阅读量128

点赞数 1

分类专栏：触类旁通

本文链接：https://blog.csdn.net/gkkk_1/article/details/93299602

版权

触类旁通专栏收录该内容

7 篇文章 0 订阅

订阅专栏

本文主要是本人学习觉得的要点记录，并不是入门教程，知识点可能有旋转跳跃之感。

html对大小写不敏感，大小写都可以。推荐读者都使用小写。
当很多页面都有一个共同的标题时，我们就需要使用--外部样式。反之，如果是个别页面则需要使用内部样式。
div是块级元素，可用于充当其他元素的容器。
使用相对路径。

为元素的类定义 CSS 样式（class引用了名为country的样式）

<!DOCTYPE html>
<html>
<head>
<style>
.country {
    background-color:yellow;
    color:red;
    margin:20px;
    padding:20px;
}	
</style>
</head>

<body>

<div class="country">
<h2>xi'an</h2>

<p>中国</p>
</div> 

</body>
</html>

结果:

统一资源定位器（URL）

scheme://host.domain:port/path/filename (因特网服务的类型:常见的scheme是http)

CSS,一直老提这个玩意儿，它的全名---层叠样式表

如果html页面有相同的地方，我们可以把它提取出来作为外部样式，供多处引用。

语法：selector{property:value};

选择器分组,比如网上看到的这个例子

h1,h2,h3,h4,h5,h6 {
  color: red;
  }

既然，有这个样式表，那么怎么使用呢？

外部样式表，这种需要提前创建一个.css文件，引入到目标html中。（多个地方引用）

<head>

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

</head>

内部样式表，这种需要你在head标签内部，写个style标签内部定义样式了。（单独页面引用）

前端这些就是要多用，只是学习的话，前学后忘。嗯，先到这儿，后面继续。

gkkk_1

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端之HTML & CSS 初步认识（一）

本文主要是本人学习觉得的要点记录，并不是入门教程，知识点可能有旋转跳跃之感。html对大小写不敏感，大小写都可以。推荐读者都使用小写。当很多页面都有一个共同的标题时，我们就需要使用--外部样式。反之，如果是个别页面则需要使用内部样式。 div是块级元素，可用于充当其他元素的容器。使用相对路径。为元素的类定义 CSS 样式（class引用了名为country的样式）<!D...
复制链接

扫一扫