如何创建css:设置样式表

 时间:2024-10-13 23:15:29

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&鳎溻趄酃quot; href="url">然后浏览。

如何创建css:设置样式表
如何创建css:设置样式表
  • 安桥AV接收机TX-NR900型使用说明书:[2]
  • 瞩目APP如何预约在线会议时间
  • 山药发糕怎么做
  • 安卓浏览器模拟器
  • 怎样删除QQ农场好友呢?
  • 热门搜索
    法律知识手抄报 防震减灾手抄报简笔画 诚信手抄报图片大全 简单病毒手抄报 手抄报图片大全漂亮 抗战手抄报 六一手抄报内容简短 科技手抄报资料 小学生法制手抄报 数学手抄报资料