line-height、font-size、vertical-align是设置行内元素布局的关键属性。这三个属性是相互依赖的关系,改变行间距离、设置垂直对齐等都需要它们的通力合作。本文将主要介绍line-height与vertical-align。 【定义】 line-height行高是指文本行基线 ...
分类:
其他好文 时间:
2017-11-04 18:14:39
阅读次数:
129
1. transform:变形,变换02. 语法 transform:none|rotate|scale|skew|translate|matrix; 可以同时给transform绑定多个变换函数,之间以空格隔开。 可用于内联元素和块级元素 03. rotate(旋转) rotate(<angle> ...
分类:
Web程序 时间:
2017-11-01 23:58:22
阅读次数:
420
Div 是一个html标签,一个块级元素(单独显示一行),单独使用没有意义,需要结合CSS来使用,主要用于页面的布局。 div选择器: 1.元素选择器: 2.类选择器: 3.id选择器: 4.层级选择器 5.属性选择器: 6.行内引入: 7.外部引入 ...
分类:
其他好文 时间:
2017-11-01 21:33:05
阅读次数:
230
当我们刚开始学习html/css的时候,对于padding 、float、行内元素、块级元素用起来可能会混淆,但是呢我们可以通过一个简单的nav案例来清楚各自具体作用。 1.首先我们创建一个大的容器,用来固定我们的nav在屏幕上展示 我们给它设置一个宽度和背景色。 2.我们设置nav的<div>标签 ...
分类:
其他好文 时间:
2017-11-01 17:26:18
阅读次数:
247
1:水平线<hr/> 2:标题<h1></h1><h2></h2><h3></h3><h4></h4><h5></h5><h6></h6>是块级元素;<h1>一般只有一个,其它可以有多个 页面元素<p></p> 3:输入法的圆角状态下敲空格相当于 4:无序列表<ul><li></li>< ...
分类:
Web程序 时间:
2017-10-31 20:13:32
阅读次数:
181
1、双边距BUG :块级元素float后再设置margin时,IE6显示的margin比设置的大 使用 _display: inline 解决 2、3像素问题:一个元素左浮动,其他元素不浮动。中间有3PX 给其他的元素设置浮动 3、超链接hover点击后失效 使用正确的书写顺序: link visi ...
分类:
其他好文 时间:
2017-10-31 12:53:37
阅读次数:
134
!+tab键自动生成最初文档 标签化文档 相对路径./代表当前路径,../代表上一级路径 ctrl键+/键组合键,是显示和不显示的切换键 行内元素 a标签的作用 img标签 input标签 button标签 label标签 span标签 块级元素 div标签 p标签(段落标签) header foo ...
分类:
Web程序 时间:
2017-10-29 12:42:28
阅读次数:
188
这篇文章,小编带领大家一同做一个利用CSS技术实现的导航栏。通过这个导航栏的制作,希望大家能够对前几篇文章中学习到的CSS属性能有一个整体的认识,并能够达到灵活运用的程度。 承接文章:灵活控制块级元素在一行内显示,CSS浮动属性,知道原理就很简单 技术等级:初级 | 适合前端开发的初学者阅读学习。 ...
分类:
Web程序 时间:
2017-10-28 15:37:38
阅读次数:
208
浮动因素在静态网页制作中经常被应用到,比如要让块级元素不独占一行,常常应用设置float的方式来实现。但是应用的时候会发现,设置了子类浮动后,未给父类清除浮动,这样就会造成一下问题: 1.浮动的元素会相对于父容器或者是前面已经定位的元素进行浮动,浮动的元素脱离文档流,也就是不再占有原有的位置,会影响 ...
分类:
Web程序 时间:
2017-10-25 11:32:16
阅读次数:
192
1.文本颜色:color 颜色属性被用来设置文字的颜色。 颜色是通过CSS最经常的指定: 十六进制值 - 如: #FF0000 一个RGB值 - 如: RGB(255,0,0) 颜色的名称 - 如: red 2.水平对齐方式 text-align 属性规定元素中的文本的水平对齐方式。 left 把文 ...
分类:
Web程序 时间:
2017-10-23 01:14:46
阅读次数:
316