- 博客(6)
- 收藏
- 关注
RSS订阅原创 BFC上下文格式化
BFCBFC(Block formatting context)直译为==“块级格式化上下文”==。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。BFC的布局规则内部的Box会在垂直方向，一个接一个地放置。Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠。每个盒子（块盒与行盒）的margin box的左边，与包含块border box的左边相接
2020-10-28 14:10:06
101
原创 HTML笔记01
HTMLcss样式布局： 大致分为三种。 内部样式：写到内部style中。外部样式：提取到外部css样式中。内联样式：写到标签内部。权重：近距离优先，哪个离得近听哪个。盒子模型： 对于一个块元素来说具备宽高，边框，外边距，内填充这几个属性。它的实际占用空间也是基于这几个元素来确定的。除了盒子模型外，默认的块内元素有些会自带padding和margin，所以我们一般会在一开始把他们清除。3.==css浮动**==打破常规文件流，让块标签实现横向显示，在css中我们用float属性实现
2020-10-27 11:11:30
221
1
原创 HTML技巧
HTML技巧1.上下居中1.1 行高等于高度，即height=line-height/*1.居中方法一:模块高等于外层模块的高 设置文本 //height=line-height #box h1{ text-align: center; line-height: 300px; }*/1.2 让明确宽高的盒子水平垂直居中于父元素/*2.（让明确宽高的盒子水平垂直居中于父元素，父元素需要有宽高）*/ #box h1{ width: 150px;
2020-10-27 11:08:10
470
原创 HTML5新增标签
HTML5新增新增标签特点语义化，即意思即用法类型用法header：定义文档的页眉，头部nav： 定义导航链接部分footer：定义文档或节的页脚，底部article：定义文章section：定义文档中的节（section,区段）aside：定义其所处内容之外的内容 侧边mark 标记 内联time 时间标签 内联主要内容区域 main<header> 语义 :定义页面的头部 页眉</header><nav> 语义 :定义导航栏 &l
2020-10-27 11:07:33
154
原创 HTML基础拓展
HTML基础拓展响应式布局概念：根据不同的分辨率，显示不同的样式主要修改的样式：元素的隐藏与显示宽度浮动排列文本对齐方式字体大小优点：适配性好优点：增大工作量出现大量的隐藏元素，导致代码量冗余一般用在小网站媒体查询 @media 设备类型 and (媒体特性){}设备类型all 所有的设备screen 显示器/笔记本/移动端设备print 打印机媒体特性min-width(比最小值大)/max-width(比最大值小)媒体特性的值后面
2020-10-27 11:06:22
129
原创 HTML基础
html基本标签标签分类类型说明特点块级元素块元素会独自占据一整行，或者多行，可以任意设置其大小尺寸、一般去包裹其他元素，p标签不做包裹=块级元素有以下几个特点：总是另起一行（特立独行） 可以设置其宽度、高度，内外边距； 在不手动设置宽度的情况下，宽度默认为所在容器的100%（即容器宽度） 可以容纳行内元素和其他块元素。盒模型属性生效 如： body from select textarea h1-h6 html table button hr p ol ul
2020-10-27 11:04:08
723
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人