如何创建css:设置样式表

2025-10-06 13:22: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" href="url">然后浏览。

如何创建css:设置样式表

如何创建css:设置样式表

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢