推荐书籍：码出高效: Java 开发手册 2.2 层次选择器 idea里代码规范是按：ctrl +alt+L快捷键 注释快捷键：ctrl+/ 1.后代选择器:在某个元素的后面 祖爷爷 爷爷 爸爸 你 <style> /*p{*/ /* background: #02ff00;*/ /*}*/ /* ...
分类：
Web程序 时间：
2021-02-27 13:14:06
阅读次数：
0
浮动 可以让多个块标签处于同一行 不用转换成行内元素 宽和高以及盒子模型的特征的以保留 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .outerDiv{ bo ...
分类：
其他好文 时间：
2021-01-14 11:07:15
阅读次数：
0
布局 1.盒子模型的宽度如何计算？ <!-- item 的 offsetWidth 是多大？ --> <style> #item{ width: 100px; padding: 10px; border: 1px solid #ccc; margin: 10px; } </style> <div i ...
分类：
Web程序 时间：
2021-01-13 10:33:49
阅读次数：
0
父级 //改变盒子模型display:flex //排列方向左右row；上下column； flex-direction:row、column、row-reverse、column-reverse //是否换行显示默认：nowrap flex-warp：nowrap、wrap、wrap-revers ...
分类：
其他好文 时间：
2021-01-11 11:11:31
阅读次数：
0
CSS入门 HTML + CSS + JavaScript 结构 + 表现 + 交互 1.如何学习 1、CSS是什么 2、CSS怎么用(快速入门) 3、CSS选择器【重点+难点】 4、美化网页(文字，阴影，超链接，列表，渐变...) 5、盒子模型 6、浮动 7、定位 8、网页动画(特效，推荐网站：W ...
分类：
Web程序 时间：
2020-12-25 12:30:30
阅读次数：
0
盒子模型 1.盒子被分为两类,可以通过box-sizing控制 IE模型的盒子 (标准盒子模型)content-box .box1{ width:500px; height: 500px; margin: 100px auto; border:2px solid #000000; padding:1 ...
分类：
Web程序 时间：
2020-12-09 12:35:07
阅读次数：
17
CSS3 弹性盒子(Flex Box) 弹性盒子是 CSS3 的一种新的布局模式 CSS3 弹性盒子内容 弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)两部分组成。 弹性容器通过设置 display 属性的值为 flex 或 inline‐flex将其定义为弹性 ...
分类：
其他好文 时间：
2020-12-04 11:45:31
阅读次数：
16
box-sizing 属性定义了应该如何计算一个元素的总宽度和总高度。 属性值 content-box默认值，标准盒子模型。 width 与 height 只包括内容的宽和高， 不包括边框（border），内边距（padding），外边距（margin）。注意: 内边距、边框和外边距都在这个盒子的外 ...
分类：
其他好文 时间：
2020-11-16 13:10:20
阅读次数：
2
盒子模型 当对一个文档进行布局（lay out）的时候，浏览器的渲染引擎会根据标准之一的 CSS 基础框盒模型（CSS basic box model），将所有元素表示为一个个矩形的盒子（box）。CSS 决定这些盒子的大小、位置以及属性（例如颜色、背景、边框尺寸…）。 ——MDN 1. 盒子模型的 ...
分类：
Web程序 时间：
2020-11-08 17:51:22
阅读次数：
33
HTML每个元素都可以看做一个盒子, 盒子包括 content,padding,border,margin 方向 :top, right, bottom, left 内容相关属性: width:宽度 min-width :最小宽度,浏览器窗口小于最小宽度是,可以滚动查看 max-width : 最大 ...
分类：
其他好文 时间：
2020-09-17 18:15:29
阅读次数：
65
