分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

CSS盒子模型

发布时间:2023-09-06 01:29责任编辑:蔡小小关键词:CSS盒子模型

1-1 课程介绍

1.盒子模型概念

2.高和宽设置

3.边框设置

4.内边框设置

5.外边框设置

6.盒子的计算

7.元素显示方式

3-1 width属性

宽度width:长度值、百分比、auto

最大宽度max-width:长度值、百分比、auto

最小宽度min-width:长度值、百分比、auto

3-4 height属性

高度height:长度值|百分比|auto

最大高度max-height:长度值|百分比|auto

最小高度min-height:长度值|百分比|auto

说明:设置块级元素和替换元素的内容高度

3-7 哪些元素可设置width和height属性

1.块级元素 p div h1~h6 ul li ol dl dt dd 等

2.替换元素 浏览器根据其标签的元素与属性来判断显示的具体内容

img input textarea等

1.width和height属性设置是内容的高和宽

2.width和height属性设置对块级元素和替换元素有效

3.max-height(width)/min-height(width)有兼容性问题,IE不支持。

3-10 border 边框属性

边框宽度border-width  · thin ·medium ·thick ·长度值

边框颜色border-color

边框样式border-style

CSS盒子模型

原文地址:http://www.cnblogs.com/cuishien/p/8000176.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved