CSSday1
阿里云国内75折 回扣 微信号:monov8 |
阿里云国际,腾讯云国际,低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号:monov8 飞机:@monov6 |
一.元素的语义化
元素语义化:用正确的元素做正确的事情
理论上来说,所有的HTML元素,我们都能实现相同的事情:
二.什么是SEO
搜索引擎优化,通过了解搜索引擎的运作规则来调整网站,以及提高网站在有关搜索引擎内排名的方式.
三.认识字符编码
四.CSS如何编写呢?
color(属性):red(属性值);
五.如何将CSS样式应用到元素上?
CSS提供了3种方法,可以将CSS样式应用到元素上:
内联样式(inline style)
内部样式表
外部样式表
(一)内联样式
也有人翻译成行内样式
内联样式表存在于HTML元素的style属性之中
<div style="color:red; font-size: 12px;">嗨</div>
(二)内部样式
通过class名,进行找到选中你想要的元素
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>网页的标题</title>
<style>
.father {
width: 300px;
height: 300px;
background-color: red;
position: relative;
}
</style>
</head>
<body>
<div class="father">
</div>
</body>
</html>
(三)外部样式
<link rel="stylesheet" href="CSS样式表的路径">
可以使用link来引入多个css文件,但是css文件如果过多的话,就会不好维护.这样子就可以通过新建一个index.css文件为入口文件
可以通过@import引入其他的css资源
@import url("../css/style.css");
@import url("../css/test.css")
六.常见的CSS元素
CSS官方文档
w3.org
CSS推荐文档地址:
MDN
font-size
color
background-color
站点图标可以使用link元素进行设置
<link rel="icon" href="./images/bg.gif">