鱼C论坛

 找回密码
 立即注册
查看: 3997|回复: 5

[已解决]关于html&css的基础知识性问题(初学者)

[复制链接]
发表于 2020-11-15 22:05:03 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
问题一:类样式、标签样式和复合内容样式有什么区别?
问题二:div(层标签)的作用是什么?


感谢你的热心帮助和回复^-^
最佳答案
2020-11-17 16:07:44
本帖最后由 2012277033 于 2020-11-17 16:16 编辑

类样式:给指定的类定义样式
例:
  1. <style>
  2. .my_class{
  3.   width:100;
  4.   height:100;
  5. }
  6. </style>

  7. <body>
  8.   <div class="myclass"></div>
  9. </body>
复制代码


标签样式:给指定的html标签定义样式
例:
  1. <style>
  2. div{
  3.   width:100%;
  4.   height:100%;
  5. }
  6. body{
  7.   padding:0;
  8.   margin:0;
  9. }
  10. </style>
复制代码


复合内容样式:指可以将分开的样式全写在一起
例:
  1. <style>
  2.   div{
  3.   border-color: #000;
  4.   border-width: 1px;
  5.   border-style: solid;
  6. }
  7. </style>
  8. 可以复合写成:
  9. <style>
  10.   div{
  11.   border: 1px solid #000;
  12. }
  13. </style>
复制代码


所谓的div层就是容器层,用来存放你的内容的,不同的div分割开来单独设置样式。
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

发表于 2020-11-17 16:07:44 | 显示全部楼层    本楼为最佳答案   
本帖最后由 2012277033 于 2020-11-17 16:16 编辑

类样式:给指定的类定义样式
例:
  1. <style>
  2. .my_class{
  3.   width:100;
  4.   height:100;
  5. }
  6. </style>

  7. <body>
  8.   <div class="myclass"></div>
  9. </body>
复制代码


标签样式:给指定的html标签定义样式
例:
  1. <style>
  2. div{
  3.   width:100%;
  4.   height:100%;
  5. }
  6. body{
  7.   padding:0;
  8.   margin:0;
  9. }
  10. </style>
复制代码


复合内容样式:指可以将分开的样式全写在一起
例:
  1. <style>
  2.   div{
  3.   border-color: #000;
  4.   border-width: 1px;
  5.   border-style: solid;
  6. }
  7. </style>
  8. 可以复合写成:
  9. <style>
  10.   div{
  11.   border: 1px solid #000;
  12. }
  13. </style>
复制代码


所谓的div层就是容器层,用来存放你的内容的,不同的div分割开来单独设置样式。
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-11-17 22:48:47 | 显示全部楼层
2012277033 发表于 2020-11-17 16:07
类样式:给指定的类定义样式
例:

谢谢你的回答
想问一下备注的是div在样式的作用还是样式的解释呀?
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-11-17 22:51:22 | 显示全部楼层
2012277033 发表于 2020-11-17 16:07
类样式:给指定的类定义样式
例:

不好意思看露了下面的解释太谢谢你
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-11-18 10:00:40 | 显示全部楼层
Cathy-Chen258 发表于 2020-11-17 22:51
不好意思看露了下面的解释太谢谢你

第一次回复的时候不小心按到了,回了一半
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 1 反对 0

使用道具 举报

 楼主| 发表于 2020-11-18 20:46:00 | 显示全部楼层
2012277033 发表于 2020-11-18 10:00
第一次回复的时候不小心按到了,回了一半

谢谢啦
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2025-4-20 02:25

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表