如何创建css:设置样式表

 时间:2026-04-21 18:35:22

1、在桌面新建一个“文件夹”,然后在文件夹下建一个“txt文件”。

如何创建css:设置样式表

如何创建css:设置样式表

2、在txt文件下增加标准网页声明<!doctype html>,这个习惯是非常有必要的。内部样式表:增加方式为在head标签内部增加<style>各种样式声明class对应方式 .{} id对应方式 #{}  元素(如p元素)对应方式 p{})</style>.

如何创建css:设置样式表

3、内部样式表声明完成后,把txt文件另存为所有文件,然后追加后缀.html,发现出现新html文档,双击打开方式搜狗浏览器。可以看到对应样式设置效果。

如何创建css:设置样式表

如何创建css:设置样式表

如何创建css:设置样式表

4、除了内部样式表这种方式在网页内部增加样式外,还有内联样式这种方式来设置样式。首选我们把上步注释掉,然后查看效果。并设置内联样式具体操作方式如下:

如何创建css:设置样式表

如何创建css:设置样式表

如何创建css:设置样式表

如何创建css:设置样式表

5、在网页内部增加样式,代码容易被别人copy,所以还有一种外部样式表,让css存在于另外的文件下,先创建一个css文档,直接编辑样式就行啦。最后只需另存为后缀.css。具体如下:

如何创建css:设置样式表

如何创建css:设置样式表

6、完成外部css编辑以后,就是如何在html内引用外部外部样式表,引用在head内<link rel="stylesheet"  type="text/css" href="url">然后浏览。

如何创建css:设置样式表

如何创建css:设置样式表

  • 安桥AV接收机TX-NR900型使用说明书:[2]
  • 瞩目APP如何预约在线会议时间
  • 山药发糕怎么做
  • 安卓浏览器模拟器
  • 怎样删除QQ农场好友呢?
  • 热门搜索
    关于节约的手抄报 关于元旦的英语手抄报 无烟校园手抄报 文学手抄报的内容 我爱科学手抄报内容 向英雄致敬手抄报内容 依法治校手抄报 小学生防火手抄报 小学生健康手抄报 民族精神代代传手抄报