网页布局的盒子模型

 时间:2026-04-30 14:39:47

1、使用<div></div>标签制作盒子模型,在<body>标签内写入

网页布局的盒子模型

2、使用CSS可以设置盒子的宽度和高度,在head标签里写入<style>标签

网页布局的盒子模型

网页布局的盒子模型

3、可以给div添加类别,更加方便的为div添加属性,首先使用class添加,

      class = "name"

网页布局的盒子模型

4、使用名字进行对属性添加,class使用 点“.”+ 命名控制

 例如:

      .name{  属性}

网页布局的盒子模型

5、也可以使用id ="name"给div添加身份命名

网页布局的盒子模型

6、在使用CSS控制添加属性的时候不能用 点".",而是使用"#"+名字

例如: #name{}

网页布局的盒子模型

7、使用class和使用id的区别在于,class命名可以重复,当是使用id命名必须是唯一,不然会出错

网页布局的盒子模型

8、总结:

    div是盒子模型

    盒子模型可以使用class和id命名

   id命名不可以重复

  • python输入一组数求最大值
  • C语言逆序输出
  • python求1到100的和
  • Python编程:怎么计算100到200的所有素数
  • python输出怎么换行
  • 热门搜索
    汤锅的做法 油面筋的做法 辣椒油做法 酿豆腐的做法 正宗大盘鸡的做法步骤 木耳菜的做法 觊觎怎么读 牛排做法大全 荨麻疹怎么样治疗 微信拍一拍怎么设置文字