CSS
guess_who_you_are
这个作者很懒,什么都没留下…
展开
-
利用hr和:after伪元素实现hr中间加字
利用hr和:after伪元素实现hr中间加字hr{ text-align:center; line-height:0px; background:blue;}hr:after{ content:"这里加字"; font-weight:bold; font-size:30px; background:white; z-index:2;}html代码<body>原创 2017-07-18 11:18:53 · 5880 阅读 · 3 评论 -
CSS相对度量单位之em ex px
em:等于当前字体的大小。 举个例子:h1{font-size:24px; margin:1em;}p{font-size:18px; margin:1em;}<body> <h1>1em = 24px</h1> <p>1em = 18px</p></body>在这个例子中,h1中的 1em = 24px,p中的 1em = 18px;ex:等于当前字体的小写字母x的大小,不同原创 2017-07-18 19:33:13 · 550 阅读 · 0 评论 -
关于vertical-align的一点心得
vertical-align的一些心得原创 2017-08-01 18:34:54 · 1190 阅读 · 0 评论 -
html中的一些学习
1、<em>表示强调,默认斜体。<strong>表示更强烈的的强调,默认粗体。使用强调更喜欢用<strong>。 2、<span>标签内的内容不会改变,除非应用样式。<i>斜体,一般用来插入小图标。斜体css:font-style:italic; 3、<em>&<strong>是为了强调一段话的关键字。<span>是为了设置单独的样式。 4、关于引用。<q>适用于短文本。<blockquote原创 2017-07-18 21:05:51 · 237 阅读 · 0 评论 -
背景图片全部全景展示
代码html body{ height:100%; width:100%; background: url("image/back.jpg") no-repeat center top black;/*这边颜色防止背景图片加载不出来*/ background-size: 100% 100%;原创 2017-08-04 16:31:08 · 695 阅读 · 0 评论 -
使用inline-block进行二栏以及三栏布局以及各种布局方式链接
各种对齐以及布局方式菜鸟张小花之各种布局方式实现CSS自适应布局这可能是史上最全的CSS自适应布局总结教程使用inline-block进行二栏布局<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>inline-block实现两列布局</title> <style> #mai原创 2017-07-28 11:19:46 · 1460 阅读 · 0 评论