CSS - 随笔分类 - 框框A

摘要：一、最简易的使用二、能检测鼠标滚动方向的基本应用三、鼠标滚动监听加动画效果1 四、鼠标滚动监听加动画效果2 阅读全文

posted @ 2016-07-01 21:23 框框A 阅读(1071) 评论(0) 推荐(0) 编辑

摘要：一、搭建full-page环境 1、依次下载jquery-3.0.0.min.js、jquery-ui-min.js和jquery.fullPage.js //因为full-page是基于jquery开发的，所以必须要有jquery的支持；另要设置easing参数，所以也必须要有jquery-ui的阅读全文

posted @ 2016-07-01 17:10 框框A 阅读(1426) 评论(0) 推荐(0) 编辑

CSS---关于内层DIV设置margin-top不起作用的解决方案

摘要：关于内层DIV设置margin-top不起作用的解决方案代码如下： <div>上部层</div> <div>  <div style="margin-top:200px;">子层</div></div> 理想中的效果是父层和上部层贴边显示，子层距离父层顶部有200px的距离，在i 阅读全文

posted @ 2016-06-21 10:08 框框A 阅读(2615) 评论(0) 推荐(0) 编辑

CSS---清除inline-block元素4px右边距

摘要：html css 将inline-block元素所有容器的font-size设置为0。图片默认也是inline-block元素，所以几张图片放在一起时会有4px的右边距阅读全文

posted @ 2016-06-13 19:28 框框A 阅读(615) 评论(0) 推荐(0) 编辑

CSS---div一行显示，超出以省略号代替

摘要：市人社部门举办全市人社系统职业指导培训班关于组织参加“六安职业技术学院校园招聘会”的通知芜湖市人力资源市场"端午节"放假通知我市“人力资源市场供求状况分析”第七次荣获人社部“五星”奖 ... 阅读全文

posted @ 2016-06-13 18:51 框框A 阅读(59431) 评论(0) 推荐(0) 编辑

CSS---h3标题、横线、和圆形按纽共处一行

摘要：代码如下：阅读全文

posted @ 2016-06-09 22:06 框框A 阅读(1331) 评论(0) 推荐(0) 编辑

CSS---解决浏览器兼容性

摘要：注：像Firefox等现代浏览器可使用vertical-align属性。而IE6、IE7不识别vertical-align属性，故设置*margin-top:12px，加*的属性是专门给IE6、IE7使用的。这样即解决浏览器兼容性的问题了。阅读全文

posted @ 2016-06-09 21:15 框框A 阅读(325) 评论(0) 推荐(0) 编辑

CSS---利用伪类绘制倒三角形

摘要：阅读全文

posted @ 2016-06-09 20:47 框框A 阅读(6135) 评论(0) 推荐(0) 编辑

CSS---再谈行内元素和块级元素

摘要：如果采用w3c盒子模型，即加上文档声明如果不加 DOCTYPE 声明，那么各个浏览器会根据自己的行为去理解网页，即 IE 浏览器会采用 IE 盒子模型去解释你的盒子(ie盒子模型的content包括border和padding。)，而 FF 会采用标准 W3C 盒子模型解释你的盒子，所以网页在不同阅读全文

posted @ 2016-04-27 09:54 框框A 阅读(387) 评论(0) 推荐(0) 编辑

CSS---左右固定，中间自适应布局

摘要：宽度自适应布局 left，宽度固定，高度可固定也可以由内容撑开。 right，宽度固定，高度可固定也可以由内容撑开。 center，可以自适应浏览器宽度，高度可固定也可以由内容撑开。 ... 阅读全文

posted @ 2016-04-23 15:28 框框A 阅读(308) 评论(0) 推荐(0) 编辑

CSS---CSS sprites的使用

摘要：（1）生成一张png格式的整图img.png和对应的css代码，将img放入站点的“images”文件夹，将Css代码粘贴到“img.css”文件中。（2）html中引用，并使用。如： div就大小就是原来小图的大小，div 的背景就是小图的图像。OK! 阅读全文

posted @ 2016-03-16 10:42 框框A 阅读(290) 评论(0) 推荐(0) 编辑

CSS---子div在父div中水平垂直居中

摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>DIV水平垂直居中</title> <style type="text/css"> .max_box{ position: relative; width: 500px; heig 阅读全文

posted @ 2016-03-04 16:20 框框A 阅读(2761) 评论(0) 推荐(0) 编辑

CSS---在浏览器中双向居中

摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } body{ height: 100%; } div{ bo 阅读全文

posted @ 2016-03-04 13:39 框框A 阅读(695) 评论(0) 推荐(0) 编辑

CSS---@import

摘要：引入CSS的方法有两种，一种是@import，一种是link @import url('地址');<link href="地址" rel="stylesheet" type="text/css" />现在绝大部分的网站都采用后一种link方式，原因在于@import先加载HTML，后加载CSSlin 阅读全文

posted @ 2016-03-01 22:30 框框A 阅读(364) 评论(0) 推荐(0) 编辑

CSS---!important

摘要：默认情况下,CSS规则按级层覆盖，例如在.CSS文件中的定义可以被html文件中<style type="text/css"></style>里的定义覆盖，反之不行；书写在下面的定义可以覆盖写在上面的定义，反之不行。然而,对覆盖平衡而言,加上一个“!important”就优先于正常的CSS规则。阅读全文

posted @ 2016-03-01 22:11 框框A 阅读(204) 评论(0) 推荐(0) 编辑

CSS---弹性布局

摘要：什么是弹性布局？用户的文字大小与弹性布局用户的浏览器默认渲染的文字大小是“16px”，换句话说，Web页面中“body”的文字大小在用户浏览器下默认渲染是“16px”。当然，如果用户愿意他可以改变这种字体大小的设置，用户可以通过UI控件来改变浏览器默认的字体大小。弹性设计有一个关键地方Web页阅读全文

posted @ 2016-02-26 21:49 框框A 阅读(570) 评论(0) 推荐(0) 编辑

CSS-小谈LV,HA!

摘要：如果只重定义了a标签，那么a的link,visited,hover,active四种状态是一样的。如果想要hover状态不一样的话，可重定义a:hover，如下所示：a{color:red;}a:hover{color:blue;}这样一定义页面中所有的链接都采用统一的样式如果某一区域链接采用不同的... 阅读全文

posted @ 2015-07-29 09:01 框框A 阅读(488) 评论(0) 推荐(0) 编辑

CSS---Block和inline元素对比

摘要：所有的HTML元素都属于block和inline之一。block元素的特点是：总是在新行上开始；高度，行高以及顶和底边距都可控制；宽度缺省是它的容器的100%，除非设定一个宽度, , , , 和是块元素的例子。相反地，inline元素的特点是：和其他元素都在一行上；高，行高及顶和底边距不可改变... 阅读全文

posted @ 2015-06-17 09:06 框框A 阅读(162) 评论(0) 推荐(0) 编辑

CSS---清除浮动

摘要：总结了几点用于清除浮动的方法：1、对父级设置适合CSS高度一般设置高度需要能确定内容高度才能设置。2、clear:both清除浮动为了统一样式，我们新建一个样式选择器CSS命名为“.clear”，并且对应选择器样式为“clear:both”，然后我们在父级“”结束前加此div引入“class="cl... 阅读全文

posted @ 2015-06-09 10:53 框框A 阅读(379) 评论(0) 推荐(0) 编辑

CSS---相对定位笔记

摘要：特点：相对于自身原有位置时行偏移仍处于标准文档流中随即拥有了偏移属性和z-index属性阅读全文

posted @ 2015-02-05 21:07 框框A 阅读(199) 评论(0) 推荐(0) 编辑

随笔分类 - CSS

公告