摘要: 1.关于行高 行高:顾名思意指一行文字的高度。具体来说是指两行文字间基线之间的距离,他也是底线和顶线之间距离 (1)内容区 内容区是指底线和顶线包裹的区域(行内元素display:inline可以通过background-color属性显示出来),实际中不一定看得到,但确实存在。内容区的大小依据 f 阅读全文
posted @ 2017-04-08 15:14 Mr.聂 阅读(562) 评论(1) 推荐(1) 编辑
摘要: 1. 基本含义 基线(base line):而是英文字母x的下端沿,是a,c,z,x等字母的底边线,并不是汉字文字的下端沿,。下图的红色线即为基线。凡是涉及到垂直方向的排版或者对齐的,都离不开最最基本的基线 mean line:等分线,也叫中线 ascender height: 上下线高度 cap 阅读全文
posted @ 2017-04-05 08:38 Mr.聂 阅读(1530) 评论(0) 推荐(0) 编辑
摘要: 最近看了张鑫旭老师关于Google搜索按钮的博客,感觉启示颇多。下面我就详说一下这个按钮的代码,由于W3C新版本的更新,之前的代码会有部分累赘, 在此,我做了些修改。当然,想观摩原版的可以,狠狠的戳链接啦!http://www.zhangxinxu.com/wordpress/?p=292 好了,那 阅读全文
posted @ 2017-03-25 18:22 Mr.聂 阅读(314) 评论(0) 推荐(1) 编辑
摘要: CSS中一般通过浮动和定位来对标签进行位置操作。下面我们来讨论一下定位的用法和需要注意的地方。 1.首先,说一下position的几个属性值 (1)none属性值,这个是定义不进行定位,默认为不定位,这个就不做DOM了 (2)relative属性值,相对定位。相对定位是以自己原来的位置为基础,相对于 阅读全文
posted @ 2017-03-19 17:45 Mr.聂 阅读(525) 评论(0) 推荐(1) 编辑
摘要: 一般情况下, 我们设置盒子的宽高度, 及上下左右边框, 具体代码如下: 通过上述代码,div的具体样式如下: 现在在上面基础上, 我们把div的宽高度都设为0时, 现在我们再次查看效果,如下图: 这时, 其实我们已经看到有上下左右四个三角形了....如果, 我们把4种颜色, 只保留一种颜色, 余下3 阅读全文
posted @ 2017-03-13 08:36 Mr.聂 阅读(1515) 评论(3) 推荐(2) 编辑
摘要: 每门语言总有那么一些不太常用,却又不可或缺的语法操作。下面说一下,在HTML文件中,如何设置用 “省略号” 和 “剪切” 代替大量文字的效果。 以下是HTML的主体代码: 首先,中文是默认行末自动换行的。而英文和数字,主流浏览器一般默认为空格处换行。上图,我们先编写2段字符。然后CSS代码见下图: 阅读全文
posted @ 2017-03-02 17:50 Mr.聂 阅读(728) 评论(0) 推荐(2) 编辑
摘要: 作为一名IT届的后生,当初也经历过懵懂无知的实习期,对那种无力感深有体会。在这,希望能用我这几年的开发经验,让各位即将踏入或者刚刚踏入web开发领域的新人们少走些弯路。鉴于这是入门篇,下面我就从零为大家介绍。 这里我主要介绍基于 H5,CSS,JS,PHP的web开发,入门篇的内容简单,完全可以自学 阅读全文
posted @ 2017-02-26 22:30 Mr.聂 阅读(459) 评论(0) 推荐(1) 编辑