![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端开发
文章平均质量分 80
iteye_8039
这个作者很懒,什么都没留下…
展开
-
前端开发技术博客
前端开发技术大牛http://www.cnblogs.com/lhb25/category/146075.html CSS定位篇:http://www.cnblogs.com/ztfjs/p/5250405.html CSS 布局模块 http://www.w3cplus.com/css3/css3-layout-modules.html 流体布局,网格布局,弹性...原创 2016-09-02 21:51:06 · 176 阅读 · 0 评论 -
3D旋转导航
3D旋转导航<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> @import url("htt原创 2016-10-27 18:05:51 · 156 阅读 · 0 评论 -
css3--动画(animation)
CSS3 Keyframes介绍Keyframes被称为关键帧,其类似于Flash中的关键帧。在CSS3中其主要以“@keyframes”开头,后面紧跟着是动画名称加上一对花括号“{…}”,括号中就是一些不同时间段样式规则。@keyframes changecolor{ 0%{ background: red; } 100%{ backgrou...原创 2016-10-27 11:46:37 · 158 阅读 · 0 评论 -
css3--变形(transform)
CSS3变形--旋转 rotate()旋转rotate()函数通过指定的角度参数使元素相对原点进行旋转。它主要在二维空间内进行操作,设置一个角度值,用来指定旋转的幅度。如果这个值为正值,元素相对原点中心顺时针旋转;如果这个值为负值,元素相对原点中心逆时针旋转。如下图所示:HTML代码:<div class="wrapper"> <div>&l...原创 2016-10-27 10:45:33 · 159 阅读 · 0 评论 -
前端框架
JS库大全(推荐)http://www.bootcdn.cn/ CDN服务CDN的全称是Content Delivery Network,即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节,使内容传输的更快、更稳定。通过在网络各处放置节点服务器所构成的在现有的互联网基础之上的一层智能虚拟网络,CDN系统能够实时地根据网络流量和各节点的连接...原创 2016-10-26 11:17:11 · 114 阅读 · 0 评论 -
CSS3--不同分辨率处理
一、媒体类型媒体类型(Media Type)在CSS2中是一个常见的属性,也是一个非常有用的属性,可以通过媒体类型对不同的设备指定不同的样式。在CSS2中常碰到的就是all(全部)、screen(屏幕)、print(页面打印或打印预览模式),其实媒体类型远不止这三种,W3C总共列出了10种媒体类型。如下表所示:值设备类型All所...原创 2016-10-24 17:12:01 · 809 阅读 · 0 评论 -
CSS3--代码生成工具
今天这篇文章向大家推荐十款非常有用的在线 CSS3 代码生成工具,这些工具能够帮助你方便的生成 CSS3 特效。CSS3 是对 CSS 规范的改善和增强,增加了圆角、旋转、阴影、渐变和动画等众多强大的特性,它使得 Web 开发人员可以很容易的在网站中加入时尚的效果。以前很多需要编写JavaScript 才能实现的效果,如今只需几句简单的 CSS3 代码就能实现。 CSS3 Maker...原创 2016-10-24 14:34:15 · 136 阅读 · 0 评论 -
css3--布局--弹性等分比例
原文链接:http://caibaojian.com/css-equal-layout.htmlCSS等比例划分,在CSS布局中是比较重要的,下面分享几种常用方法和探讨一下兼容性。一:浮动布局+百分比emmet html代码:ul.float-ul>li*5>.con>h3{等分标题}+p{等分内容等分内容}//code from http://caib...原创 2016-10-24 14:05:42 · 2842 阅读 · 0 评论 -
css3--布局--弹性布局flex
网页布局(layout)是CSS的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C提出了一种新的方案----Flex布局,可以简便、完整、响应式地实现各种页面布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能很安全地使...原创 2016-10-24 14:01:05 · 107 阅读 · 0 评论 -
css3--布局--文本
CSS3 多列布局——Columns它主要应用在文本的多列布局方面,这种布局在报纸和杂志上都使用了几十年了,但要在Web页面上实现这样的效果还是有相当大的难度,庆幸的是,CSS3的多列布局可以轻松实现语法:columns:<column-width> || <column-count>多列布局columns属性参数主要就两个属性参数:列宽和列数。...原创 2016-10-23 21:11:31 · 160 阅读 · 0 评论 -
css3--技巧
CSS3边框 圆角效果 border-radius 使用方法:border-radius:10px; /* 所有角都使用半径为10px的圆角 */ border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角,顺时针 */ 不要以为border-radius的值只能用px单位,你还可以用百分比...原创 2016-10-23 20:03:04 · 126 阅读 · 0 评论 -
css样式--集锦
一、div 中文字水平 居中: div { text-align: center; } 二、div 中文字垂直 居中:1、行高(line-height)法如果要垂直居中的只有一行或几个文字,那它的制作最为简单,只要让文字的行高和容器的高度相同即可,比如:p { height:30px; line-height:30px; width:10...原创 2016-10-19 14:08:10 · 111 阅读 · 0 评论 -
JS--总结
JS对象、DOM对象、BOM对象参考手册http://www.w3school.com.cn/jsref/index.aspJS对象、DOM对象、BOM对象参考手册https://developer.mozilla.org/zh-CN/docs/Web/API BOM对象:http://www.cnblogs.com/aqbyygyyga/archive/2011/10...原创 2017-02-05 15:08:18 · 115 阅读 · 0 评论