一、横向菜单 inline-block是不换行的块级元素,对于使用ul-li结构的网页顶部横向导航菜单非常有用。 如果不使用inline-block属性,只能使用float来浮动每个li元素,写起来比较麻烦,如果使用了inline-block代码相对简单: css代码如下: 二、需要行内排列设置大小 ...
分类:
其他好文 时间:
2017-06-10 15:21:52
阅读次数:
135
HTML标记一般分为块标记和行内标记两种类型,它们也称块元素和行内元素。 块元素 每个块元素通常都会独自占据一整行或多整行,可以对其设置宽度、高度、对齐等属性,常用于网页布局和网页结构的搭建。并且块级元素容器可以容纳多个嵌套的块级标签或者行内标签。常见的块元素有<h1>~<h6>、<p>、<div> ...
分类:
Web程序 时间:
2017-06-10 12:20:54
阅读次数:
207
一、开始 虽然现在有了flex弹性盒子模型,很多布局效果都可以通过flex盒子来实现,但由于flex盒子模型的兼容性不容乐观 ie至少要10才能支持flex,所以还是很有必要学习float流式布局的 二、实例 正常的块级元素的布局是这样的:(文字代表元素的float属性) 对于float布局要记住: ...
分类:
其他好文 时间:
2017-06-09 14:10:47
阅读次数:
560
左边的是块级元素block,右边内联inline。 修改方法 ...
分类:
Web程序 时间:
2017-06-09 14:09:58
阅读次数:
148
浮动 float:left,right,none,注意:浮动元素会把当前的块级元素变成内联元素 清除浮动 clear:both(清除左右浮动);left(清除左边浮动);right(清除右边浮动); overflow:none(清除浮动);hidden(隐藏);scroll(滚动);auto(自动( ...
分类:
Web程序 时间:
2017-06-09 14:06:25
阅读次数:
194
HTML基础 一、HTML5基础 1.1 HTML5简介 HTML是一种超文本标记语言 1.2 网页的基本标签 开闭组合(双标签:前开后闭 单标签:自开自闭) a:标题标签 h1~h6 格式:<h1>内容</h1> 块级元素 效果:h1字体最大 依次减小 双标签 b:段落标签 p标签 格式:<p>内 ...
分类:
Web程序 时间:
2017-06-08 10:59:30
阅读次数:
293
text-indent:定义文本第一行缩进。 一般来说,可以为所有块级元素应用 text-indent,但无法将该属性应用于行内元素,图像之类的替换元素上也无法应用 text-indent 属性。 text-indent 属性可以继承 text-align:对齐元素中的文本。 所有 text-ali ...
分类:
Web程序 时间:
2017-06-07 10:14:09
阅读次数:
191
这个也许平时人们不注意,但是非常有用,尤其是当你实在找不到原因为什么网页显示错误的时候。 XHTML 的标签有许多:div、ul、li、dl、dt、dd、h1~h6、p、a、addressa、span、 strong……我们在运用这些标签搭建页面结构的时候,是可以将它们无限嵌套的,但是,嵌套也需要有 ...
分类:
其他好文 时间:
2017-06-07 00:41:22
阅读次数:
331
CSS三天之第一天CSS三天之第一天CSS比权重css中的盒模型标准文档流块级元素和行内元素的相互转换标准流浮动性质一:浮动的元素脱标性质二:浮动的元素互相贴靠浮动的元素有字围效果CSS比权重1496583239359.jpg!important的属性,! important做站的时候,不允许使用。... ...
分类:
Web程序 时间:
2017-06-06 13:04:54
阅读次数:
229
总体概念 常见的块级元素有 DIV, FORM, TABLE, P, PRE, H1~H6, DL, OL, UL 等。 常见的内联元素有 SPAN, A, STRONG, EM, LABEL, INPUT, SELECT, TEXTAREA, IMG, BR 等。 block,inline和inl ...
分类:
其他好文 时间:
2017-06-06 10:45:34
阅读次数:
148