CSS【框】- 表严肃

作者: 爷爷爱坐船 | 来源:发表于2017-08-17 18:50 被阅读13次

CSS【框】- 表严肃
CSS【display 属性】- 表严肃
CSS【选择器篇】- 表严肃
CSS框模型与定位
2018-12-20
CSS初级
css盒子模型
CSS基础笔记一
CSS第一节：认识CSS
css

https://www.bilibili.com/video/av7293888/index_15.html
@表严肃

框

内容区大小由width和height控制，然后依次是padding、border、margin，如图所示

kuang.jpg

div {
    font-size: 50px;
    background: #ccc;
    width: 200px;
    height: 200px;
    padding: 50px;
    border: 10px solid red;
    margin: 50px;
}

以上代码，依次为：
只设置内容区：width: 200px; height: 200px;
设置内边距：padding: 50px;
设置边框：border: 10px solid red;
设置外边距：margin: 50px;
效果图如下：

kuangtu.jpg

CSS【框】- 表严肃
https://www.bilibili.com/video/av7293888/index_15.html@表严...
CSS【display 属性】- 表严肃
https://www.bilibili.com/video/av7293888/index_12.html#pa...
CSS【选择器篇】- 表严肃
https://www.bilibili.com/video/av7293888/@表严肃参考评论区@千千千千尺 ...
CSS框模型与定位
Tags:web css [TOC] CSS 框模型 CSS 框模型概述元素框的最内部分是实际的内容，直接包围内...
2018-12-20
css（1996）创作人员样式表读者样式表浏览器样式每个元素生产一个框（box，也成为盒）。替换（img...
CSS初级
css样式表 css选择器(简单，复杂) css属性 css布局 CSS样式表（内联方式，内部样式表，外部样式表）...
css盒子模型
CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框和外边距的方式。 CSS 框模...
CSS基础笔记一
一、什么是CSS？ CSS 指层叠样式表 (CascadingStyleSheets) CSS通常称为CSS样式表...
CSS第一节：认识CSS
CSS定义： CSS 指层叠样式表 (Cascading Style Sheets) CSS通常称为CSS样式表或...
css
1、CSS(Cascading Style Sheets) CSS通常称为CSS样式表或层叠样式表（级联样式表），...