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标签里,只对该标签的内容起作用)
<span style="color:red;font-size:48;">Hello World!</span>
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选择器,.表示类选择器
<div class="font"></div>
<div id="top"></div>
在html中id是不能重复的。
总结
标签:
css,分类,css,样式分类
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
金钱帮资源网 Copyright www.kbjia.com
暂无“CSS样式的分类介绍(基础知识)”评论...
稳了!魔兽国服回归的3条重磅消息!官宣时间再确认!
昨天有一位朋友在大神群里分享,自己亚服账号被封号之后居然弹出了国服的封号信息对话框。
这里面让他访问的是一个国服的战网网址,com.cn和后面的zh都非常明白地表明这就是国服战网。
而他在复制这个网址并且进行登录之后,确实是网易的网址,也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情,因为以前都没有出现这样的情况,现在突然提示跳转到国服战网的网址,是不是说明了简体中文客户端已经开始进行更新了呢?
更新日志
2024年10月08日
2024年10月08日
- 敢达争锋对决全新10月超限定机体上线
- 上限最高的四大英雄,无一不是天花板!
- 小乔全面教学,一闪必须会,前期可以凶
- 机关百炼1-3关速通攻略,选对英雄和武器
- 《暗喻幻想:ReFantazio》最新TVCM公开!10月发售
- 爆料:《刺客信条:影》跳票原因是开发近况不佳
- 《黑神话》新一批角色原画欣赏!白毛寅虎似将军!
- 《暗喻幻想》Xbox版M站92分:Atlus新的巅峰
- Steam好评如潮!《寂静岭2RE》普通版现已解锁
- 2024国庆档总票房20.97亿 《志愿军:存亡之战》超8亿夺冠
- 《原神》部族龙形武士讨伐路线推荐 部族龙形武士位置一览
- 《原神》5.0浪沫羽鳃高效采集路线推荐 浪沫羽鳃位置一览
- 《原神》5.0深渊12层配队推荐
- 曾淑勤.2019-爱在山谷回荡【种子音乐】【WAV+CUE】
- 后弦.2006-9公主(EP)【东升世纪】【WAV+CUE】