PartI DIV居中的常用方法: 1)text align:center方式 html css 注: 块元素不可以! 2)margin: 0 atuo方式 html css 注: 这种对齐方式要求内部元素(.text2)是块级元素,并且不能脱离文档流(如设置position:absolute),否 ...
分类:
其他好文 时间:
2020-03-02 14:59:52
阅读次数:
98
1、html5中新增的标签 2、html中的嵌套关系 a、块级元素可以包含行内元素 ; b、块级元素不一定能包含块级元素(比如p);c、行内元素一般不能包含块级元素(例外的是a是可以包含div) 3、html中的默认样式 html是自带默认样式,如果需要重置html的默认样式,这个时候就需要引入cs ...
分类:
Web程序 时间:
2020-03-01 00:30:03
阅读次数:
78
清除浮动 清除浮动主要为了解决父级元素因为子级浮动引起内部高度为0 塌陷的问题。 清除浮动的方法 在CSS中,clear属性用于清除浮动,其基本语法格式如下: 额外标签法 通过在浮动元素末尾添加一个空的标签(块级元素)例如 父级添加overflow属性方法 可以给父级添加: overflow为 hi ...
分类:
Web程序 时间:
2020-02-29 00:28:39
阅读次数:
102
先说一下什么是BFC(Block Formatting Contexts) BFC:块级格式化上下文(独立的渲染区)。通俗的说是块级元素布局逻辑或规则,想要触发BFC就要是块级元素,要不把它转为块级元素(display:block;) BFC的触发条件。 1.在html框架中就能触发bfc,也就是一 ...
分类:
其他好文 时间:
2020-02-27 00:30:08
阅读次数:
100
CSS的三种布局机制 普通流(标准流) 普通流中主要分为两个板块,一个是块级元素,一个是行内元素 块级元素 块级元素的特点就是独占一行,从上到下顺序排列 块级元素:div、hr、p、h1~h6、ul、ol、dl、form、table、... 行内元素 行内袁术会按照顺序从左到右的顺序排列,直到父元素 ...
分类:
Web程序 时间:
2020-02-26 01:03:52
阅读次数:
339
block 块级元素特点: 1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(很霸道,一个块级元素独占一行) 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。 inline 内联元素特点: ...
分类:
Web程序 时间:
2020-02-25 00:35:21
阅读次数:
91
文本主要内容 标准文档流 标准文档流的特性 行内元素和块级元素 行内元素和块级元素的相互转换 浮动的性质 浮动的清除 浏览器的兼容性问题 浮动中margin相关 关于margin的IE6兼容问题 标准文档流 标准文档流的特性 (1)空白折叠现象: 无论多少个空格、换行、tab,都会折叠为一个空格。 ...
分类:
Web程序 时间:
2020-02-25 00:00:49
阅读次数:
110
在CSS中,根据元素显示模式的不同元素标签被分为了两类:行内元素(inline-level)、块级元素(block-level)。 1,首先介绍什么是行内元素,什么又是块级元素? 1.1,行内元素就是不会独占一行的元素,例如:span buis strong em ins del等 1.2,块级元素 ...
分类:
Web程序 时间:
2020-02-24 15:06:30
阅读次数:
81
CSS的display显示 1. 行内元素和块级元素关系 块级元素:1、标题标签:h1~h6;2、段落标签:p1~p6;3、div;4、列表;等 行内元素:1、span;2、a;3、img;4、strong;等 二者关系: 行内元素可以包含在块级元素中; 块级元素不可以包含在行内元素中; 因此,导致 ...
分类:
Web程序 时间:
2020-02-24 09:20:58
阅读次数:
88
二级导航栏制作: 1.将一级导航栏去除列表样式(list-style:none),并给予浮动,使其横向排列(float:left) 2.给每个li中添加一个<a></a>标签,给a设置样式,使其成为块级元素( display:block),这样只需要点击当前 li 范围区域即可触发a的跳转 3.给需 ...
分类:
Web程序 时间:
2020-02-23 20:33:37
阅读次数:
883