第一天成果 1、浮动的盒子不要给宽,内容撑起盒子的宽 在前端设计中,一般不给浮动的盒子设置宽,让其用内容撑起一个高度。 2、小三角的表示 ◇用一个盒子(盒子宽为字的宽,高度为字高度的一半)去截取这个菱形来得到一个三角,当然还要涉及到浮动。 3、块级元素只能通过padding-top来调节垂直居中 4 ...
分类:
Web程序 时间:
2016-08-01 22:49:44
阅读次数:
196
display:block就是将元素显示为块级元素. block元素的特点是: 总是在新行上开始; 高度,行高以及顶和底边距都可控制; 宽度缺省是它的容器的100%,除非设定一个宽度 <div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子。 display:inli ...
分类:
其他好文 时间:
2016-08-01 17:36:17
阅读次数:
102
先申明本人代码水平为零起点,刚开始学习前端,所以就是小白。不过大神也是小白变身的么,所以要专心码代码,潜心钻研,haha~ 今天练习了段代码,发现效果和自己想象的不一样: 想了一下估计是<p>和<div>嵌套的问题,但是两个不都是块级元素,难道不能嵌套么,而且最后的结果居然是多出来一段<p>的效果, ...
分类:
其他好文 时间:
2016-08-01 17:22:14
阅读次数:
120
文档流将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流. (自己的理解是从头到尾按照文档的顺序,该在什么位置就在什么位置,也可以按照上面的意思理解,自上而下,自左到右的顺序) 每个非浮动块级元素都独占一行, 浮动元素则按规定浮在行的一端. 若当前行容不下, 则另起新行再浮动 ...
分类:
其他好文 时间:
2016-08-01 10:33:04
阅读次数:
119
HTML <div> 和<span> HTML可以通过<div>和<span>将元素组合起来 大多数元素可以分为块元素和内联元素 HTML 区块元素 大多数 HTML 元素被定义为块级元素或内联元素。 块级元素在浏览器显示时,通常会以新行来开始(和结束)。 实例: <h1>, <p>, <ul>, ...
分类:
Web程序 时间:
2016-07-31 22:17:51
阅读次数:
1632
在CSS中对元素进行水平居中是非常简单的:如果它是一个行内元素,就对它的父元素应用text-align:center;如果它是一个块级元素,就对它自身应用margin:auto。然而要对一个元素进行垂直居中,就有点束手无策了,本文介绍了几种常用的垂直居中方法以供参考! 一、表格布局法二、基于行内块的... ...
分类:
Web程序 时间:
2016-07-31 17:18:14
阅读次数:
253
1. 常用那几种浏览器测试?有哪些内核(Layout Engine)?(Q1) 浏览器:IE,Chrome,FireFox,Safari,Opera。(Q2) 内核:Trident,Gecko,Presto,Webkit。2. 说下行内元素和块级元素的区别?行内块元素的兼容性使用?(IE8 以下)( ...
分类:
Web程序 时间:
2016-07-30 00:32:01
阅读次数:
242
元素:块级元素,内联元素,内联块状元素 块级元素:在默认情况下会独占一块区域 相对于块级元素的父元素来讲,块级元素占据的行默认是单独享有的。 通过设置元素的样式为: 可以让元素具有块级样式。 块级元素的特点是:水平拉伸,垂直包裹。 所谓水平拉伸,是相对于块级元素的父元素来说的。 在不设置with属性 ...
分类:
其他好文 时间:
2016-07-30 00:22:52
阅读次数:
223
一、区分容易混淆的几个属性和值 先区分一下css中的几个属性:animation(动画)、transition(过渡)、transform(变形)、translate(移动)。 CSS3中的transform(变形)属性用于内联元素和块级元素,可以旋转、扭曲、缩放、移动元素,它的属性值有以下五个:旋 ...
分类:
Web程序 时间:
2016-07-28 14:10:10
阅读次数:
785
inline与block最直观的区别,内联元素可以多个在一行,而块级元素独占一行,两者可以互相转换。 display:inline; 内敛元素,width与height无效,不会独占一行,margin和padding只有水平属性会生效。 display:block; 块级元素,可以设置width与h ...
分类:
其他好文 时间:
2016-07-24 00:27:14
阅读次数:
145