0311-2151115
当前位置: 网站首页 > 建站知识 > 网站建设 > 查看详情

使用CSS框架创建网站

日期:2020-02-26 23:49:57   点击:73次   

“布局草稿”

在构建网站之前,先绘制页面设计的布局草稿总是明智的。
拥有“布局草稿”将使创建网站变得容易得多:
CSS创建网站

Doctype,元标记和CSS

doctype应该将页面定义为HTML5文档:
<!DOCTYPE html>
元标记应将字符集定义为UTF-8:
<meta charset="UTF-8">
视口元标记应使网站可以在所有设备和屏幕分辨率上运行:
<meta name="viewport" content="width=device-width, initial-scale=1">
W3.CSS应该照顾到我们所有的样式需求以及所有设备和浏览器的区别:
<link rel="stylesheet" href="https://www.w3schools.com/w3css/3/w3.css">
要了解有关W3.CSS样式的更多信息,请访问我们的 W3.CSS教程
我们的第一个空网页将如下所示:
<!DOCTYPE html>
<html>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/3/w3.css">
<body>



</body>
</html>

创建页面内容

在我们网站的元素内,我们将使用“布局图片”并创建:
  • 导航栏
  • 幻灯片放映
  • 标头
  • 一些章节和文章
  • 页脚

语义元素

HTML5引入了几个新的语义元素。语义元素的使用非常重要,因为它们定义了网页的结构,并有助于屏幕阅读器和搜索引擎正确阅读页面。
这些是一些最常见的语义HTML元素:
所述<节>元件可以用于定义与相关内容的网站的一部分。
所述<物品>元素可被用来定义的内容的单件。
所述<报头>元素可用于定义一个首标(在文档中,一个部分,或物品)。
所述<页脚>元素可用于定义一个页脚(在文档中,一个部分,或物品)。
所述
热门标签