在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
css样式的分类 1.内部样式----内联样式 使用的是style标签 <style type="text/css"> /* 样式 */ </style> 多学一招:把页面的公共样式(不多的情况下)写在style标签中 2.行内样式 直接写在标签上的style属性中 <div style="color:red;"> 我是盒子 </div> 多学一招:通常是后台程序员进行修改页面的时候使用 3.外部样式 新建一个css文件,然后和html页面关联起来 a) 使用标签关联 <!-- 在html的head标签中 --> <link rel="stylesheet" type="text/css" href="css文件路径"> b) 使用指令关联 <style type="text/css"> /* 在style标签中 */ @import url("css文件路径") </style> 多学一招:做项目最常用的是外部样式,link标签 三种样式表总结 知识点补充:CSS 样式分类 CSS样式可以分为三大类:内联样式、内部样式表和外部样式表 1.内联样式(样式写在html标签里,只对该标签的内容起作用)
2.内部样式(样式写在html的head标签之间,只对该html的内容起作用) <html> <head> <title></title> <style type="text/css"> body{font-size:12px} </style> </head> <body></body> </html> 3.外部样式(样式引用写在head标签之间,对引用该css文件的网页起作用) <html> <head> <title></title> <link href="common.css” rel="stylesheet" type="text/css"> </head> <body></body> </html> css样式中#表示id选择器,.表示类选择器
总结 到此这篇关于CSS样式的分类介绍(基础知识)的文章就介绍到这了,更多相关css 样式分类内容请搜索极客世界以前的文章或继续浏览下面的相关文章,希望大家以后多多支持极客世界! |
2023-10-27
2022-08-15
2022-08-17
2022-09-23
2022-08-13
请发表评论