当前位置：新励学网 > 秒知问答 > CSS代码怎么用

CSS代码怎么用

发表时间：2024-08-16 11:48:15 来源：网友投稿

css代码可以内嵌也可以外链。

内嵌就是将css直接写在html标记中，大约在2008年以后基本都逐渐规范为外链方式。内嵌css有个很大的缺点，就是html标记与css代码混合在一起，页面代码看起来比较混乱、吃力，结构不太清晰，后期如果有修改就会很费劲；规范为外链后，代码美观易懂、脉络清晰，方便二次修改。外链css，就是将css从html标记中分离出来，集中到一个或多个css页面，再根据需要，调用相关css文件进行指定样式表。CSS样式表内嵌css的方式：在html标记中添加属性“style”，设置相关属性值。如：“<p style=“font-size：

1、2px”>带你走进科技大世界。”就是给“带你走进科技大世界。”这段文字设置的字体大小为12px。内嵌CSS样式外链css方式：建一个css文件，样式集中写在该文件中，在所需页面调用就行了。方法是在“<head>”标记中添加“<link rel=\"stylesheet\" type=\"text/css\" href=\"xxx/cssName.css\" >”，其中“xxx”为路径，“cssName.css”为文件名。外链设置好后，在标记中通过“class”或“id”进行调用，如“<p class=“toptxt”>”或\"<p id=\"toptxt\">\"，这时候样式表中被命名为“toptxt”的样式就应用到这个“”标记中了。样式表中“class”和“id”的写法不一样，“class”前面加“.”，“id”前加“#”。调用CSS文件下面来说说使用“class”和“id”的区别，二者之间最大的区别是“class”名称在同一个页面中可以重复使用，而“id”名称是独一无二的。“class”本身就是用来调用样式的，一个页面中有同一个样式效果很正常，用“class”方便省事也更合理。“id”相当于人名，不允许重复出现。因为“id”不仅可用于样式，在写JavaScript时通常也要用“id”指定块。

免责声明：本站发布的教育资讯（图片、视频和文字）以本站原创、转载和分享为主，文章观点不代表本网站立场。

如果本文侵犯了您的权益，请联系底部站长邮箱进行举报反馈，一经查实，我们将在第一时间处理，感谢您对本站的关注！