调用样式的方法

复习:

1.一个基本的HTML5页面代码结构

2.基本结构里的5对标记的关系图

3.HTML5、CSS、Javascript文件的规范放置和命名

3.17:

一、

1.调用样式的三种方法:引入外部样式的方法、内部样式、行内样式

当样式设置发生冲突时,就近原则

权重大小依次为:行内>内部>外部

(1)外部

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

(2)内部

<style type="text/css">
			
</style>

(3)行内样式

<h1 style="color: green;">我是标题一</h1>

2.属性和样式的区别与联系

Tips:样式能实现的效果,属性不一定能实现;反过来,属性能实现的,样式一定能实现。

3.设置背景颜色为红色

(1)创建一个css文件

屏幕截图 2026-03-17 161301

(2)创建一个html文件

代码如下:

标记的属性

二、头部标记

1.标记的名称、单还是双标记

2.标记的功能

3.标记的使用方法和注意事项

其他:

1.网页title的规律:

①简洁明了,长度适中。

②突出网站名称,关键词靠前。

③标明网站功能或特点。

④格式简单、易读易懂。

2.GB2312和UTF-8的区别

①GB2312是仅支持简体中文的老编码

②UTF-8是覆盖全球语言、兼容性更强的通用编码。

posted @ 2026-03-17 16:24  程薇梦  阅读(3)  评论(0)    收藏  举报