本文同时发表于本人个人网站 www.yaoxiaowen.com 在正式讨论position之前,我们需要知道几个概念。 块元素:独占一行的元素。比如div,h1~h6,p等,它是自带换行的。 内联元素:就是和相邻的内联元素同在一行的元素,比如span,a,img,small,em之类的。 以上内容 ...
分类:
Web程序 时间:
2016-11-25 00:44:43
阅读次数:
228
再输入内容之前先计划好网页的结构。先画草图,再绘制略图,最后写HTML。用大的块元素来创建网页,然后用内联元素修饰。 <q>元素是简短地“引用“现有文字中的一部分,而<blockquote>则是引用一大段文字并独立显示。<blockquote>元素是块(。block)元素而<q>元素是内联(inli ...
分类:
Web程序 时间:
2016-11-22 23:35:26
阅读次数:
272
1. 常用那几种浏览器测试?有哪些内核(Layout Engine)?(Q1) 浏览器:IE,Chrome,FireFox,Safari,Opera。(Q2) 内核:Trident,Gecko,Presto,Webkit。2. 说下行内元素和块级元素的区别?行内块元素的兼容性使用?(IE8 以下)( ...
分类:
其他好文 时间:
2016-11-19 15:53:44
阅读次数:
241
HTML排版总结 浏览器使用流在页面中放置元素。 块元素从上向下流 , 各元素之间有一 个换行。 默认的,每个块元素会占浏览器窗口的整个宽度。 内联元素在块元素内部从左上方流向右下方。 如果需要多行 , 浏览器会换行 , 在垂直方向上扩展外围块元素 , 来包含这些内联元素。 正常页面流中两个块元素上 ...
分类:
Web程序 时间:
2016-11-18 18:11:49
阅读次数:
265
display:inline //行内元素,没有宽高设置的,换句话说就是设置宽高是不起作用的,如果给它设置浮动的话就会变成块元素display:block //块元素,独占一行 ul,ol,li{ list-style-type:none // } position:relative //相对定位, ...
分类:
其他好文 时间:
2016-11-18 11:42:55
阅读次数:
258
page-break-before和page-break-after CSS属性并不会修改网页在屏幕上的显示,这两个属性是用来控制文件的打印方式。 每个打印属性都可以设定4种设定值:auto、always、left和right。 其中Auto是默认值,只有在有需要时,才需设定分页符号 (Page b ...
分类:
其他好文 时间:
2016-11-17 19:08:23
阅读次数:
173
一.什么是浮动? CSS 的 Float(浮动),会使元素向左或向右移动,其周围的元素也会重新排列。 二.浮动元素的特点 三.浮动元素的目的 四.clear元素 clear作用是清楚浮动,本质是"避让" 注:后出现的元素避让先出现的元素。 ...
分类:
其他好文 时间:
2016-11-17 00:55:47
阅读次数:
158
今天主要练习了布局,尝试的做了一下唯品会的首页,注册页和登陆页。还学习了<span></span>标签。笔记:<div>为块元素(block)加上样式display:in-line可以转化为行内元素<span>标签行内元素inline,为非块元素<span>标签加上样式display:block..
分类:
其他好文 时间:
2016-11-16 17:35:10
阅读次数:
156
1、块级元素与行内元素的区别? 块级元素独占一行 行内元素可以在一行显示,但是不能设置上下的padding和margin值。 2、块级元素与行内元素的相互转换? 块级元素转行内元素:display:inline; 行内元素转块级元素:display:block; 3、行内块元素相邻布局的时候,中间几 ...
分类:
其他好文 时间:
2016-11-15 07:51:37
阅读次数:
189
今天给大家说说BFC这个概念,在说概念前,先给大家看个例子: 首先,定义三个div块元素 效果: 我们发现,块级元素的排列顺序是从上往下,一块接着一块,在w3c中,是这样解释block-level box的: 在一个块级排版上下文中,盒子是从包含块顶部开始,垂直的一个接一个的排列的。 相邻两个盒子之 ...
分类:
其他好文 时间:
2016-11-12 19:34:54
阅读次数:
150