HTML、css
atom_hc
这个作者很懒,什么都没留下…
展开
-
纯css样式制作qq企鹅
效果图如上HTML代码如下: 全部采用div进行布局CSS样式代码如下:总的思路:设置border-radius、position位置、z-index让每个元素在合理的位置出现。12原创 2016-11-19 16:45:43 · 727 阅读 · 0 评论 -
浅谈盒子模型
盒子模型的基本概念、使用中的注意点及盒模型尺寸计算原创 2016-11-19 21:01:52 · 443 阅读 · 0 评论 -
页面中的那些字体单位
前言:在搭建页面的过程中肯定要用到单位,而单位又有px、em、rem这三种。将下来就要和大家谈谈这些字体单位的区别。 1、px(像素)是我们在应用中比较常用的,它是相对于显示器屏幕分辨率而言。设置的值是固定的。 但是不论我们使用什么单位设置字体大小最终显示在页面上的字体大小还是用px进行展示的。 2、em:相对于该对象父标签在页面上的字体尺寸,如果没有父标签就是相对于浏览器默认的字体尺寸(16原创 2016-11-19 21:30:35 · 741 阅读 · 0 评论 -
旋转的风车—利用css3新属性
效果图: HTML代码部分:<div id="wrap">//设置一个大容器包裹风车的4片叶子 <div id="red"></div> <div id="yellow"></div> <div id="pink"></div> <div id="cyna"></div></div><div id="limb"></d原创 2016-11-23 21:33:05 · 2102 阅读 · 0 评论 -
纯css样式制作qq企鹅
html代码部分:全部采用div制作<body> <div id="tou"></div> <div id="w"></div> <div id="tou_eye_left"></div> <div id="tou_eye_right"></div> <div id="eye_left_in"></div> <div id="eye_right_in"原创 2016-12-07 19:39:40 · 481 阅读 · 0 评论