smilesgp-CSDN博客

转载 css块级内联元素

本帖最后由 Bell 于 2016-7-19 11:23 编辑1、文档流概念是浏览器解析网页的一个重要概念。对于一个xhtml网页，body元素下的任意元素，根据其先后顺序，组成了一个上下关系，这便是文档流。浏览器根据这些元素的顺序去显示它们在网页中的位置。文档流是浏览器的默认显示规则。2、块级元素与行内元素得出区别的方法：1. 写两个div，两个spa

2017-05-24 14:38:38 317

转载老鸟的职场2

1、熟悉公司的规则是我们适应这家公司的第一要素，也是我们能够做好自己工作所迈进的第一步，每家公司都有每家公司的规定，也许有些规定我们会感觉到不适应，有问题可以提出来，但是决不能公然违抗，不然吃亏的还是自己。2、公司的发展，与我们每个人的付出息息相关，要清楚的是我们不仅仅是为公司打工，更是为自己而打工，通过系统的工作，不断提高我们的业务能力，提升我们对于所处行业的认知能力，进而提高自己的专业

2017-05-22 17:57:17 217

转载 bfc的神奇运用

BFC 已经是一个耳听熟闻的词语了，网上有许多关于 BFC 的文章，介绍了如何触发 BFC 以及 BFC 的一些用处（如清浮动，防止 margin 重叠等）。虽然我知道如何利用 BFC 解决这些问题，但当别人问我 BFC 是什么，我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec 和许多文章来全面地理解BFC。一、BFC是什么？　　在解释 BFC 是什么之前，需要

2017-05-22 09:55:34 200

转载清除浮动

浮动(float)，一个我们即爱又恨的属性。爱，因为通过浮动，我们能很方便地布局；恨，浮动之后遗留下来太多的问题需要解决，特别是IE6-7（以下无特殊说明均指 windows 平台的 IE浏览器）。也许很多人都有这样的疑问，浮动从何而来？我们为何要清除浮动？清除浮动的原理是什么？本文将一步一步地深入剖析其中的奥秘，让浮动使用起来更加得心应手。一、清除浮动还是闭合浮动（E

2017-05-22 09:54:25 383

转载 css浮动

是浏览器解析网页的一个重要概念。对于一个XHTML网页，body元素下的任意元素，根据其先后顺序，组成了一个上下关系，这便是文档流。浏览器根据这些元素的顺序去显示它们在网页中的位置。文档流是浏览器的默认显示规则。Floatfloat :none| left | right浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。由

2017-05-22 09:53:28 290

原创 js淡入淡出轮播

body, div, ul, li{margin:0; padding:0;}ul{list-style-type: none;}body{background:#000; text-align: center;}#box {position: relative;width: 492px;height: 172px;background: #fff;border-radius: 5px

2017-05-19 16:35:54 236

原创 js返回顶部

gundong返回顶部window.onscroll=function(){yop=document.getElementById('top')body=document.getElementsByTagName('body')[0].scrollTop if (body>1000) {

2017-05-19 16:34:41 188

原创 js简单万年历

万年历#tap ul{padding:0;}#tap{width:300px;height:500px;background:#666;margin:0 auto ;}#tap li{width:60px;height:60px;display:inline-block;border:1px solid #000;margin:10px;text-align:center;}

2017-05-19 16:34:04 1941

原创 js上下无线滚动大法，跟跑马灯原理差不多

*{margin:0;padding:0} #slide{position:absolute;height:300px;width:260px;color:#FA8E93;overflow:hidden;border:1px solid #ccc} #slide p{height:34px;line-height:34px;overflow:hidden} #slide span{fl

2017-05-19 16:28:30 4903 3

转载老鸟的几年工作总结

老鸟的几年职场心得总结真正能在职场成功的人不一定是那些精英，有很多默默奉献，看似平凡的员工，他们凭借自身的勤劳和智慧，逐步走到人们眼前，获得肯定。我不敢说自己是个“好员工”，我只是觉得我是个比曾经的自己更好的员工。在离职的时候，我打算把自己这几年的职场心得总结一下，算是给自己的一个礼物。我是一个资质平庸的人，以下这些心得只适用于愚钝且资质平庸的我，对于才华横溢的天才们并不适用。一、

2017-05-09 13:22:36 545

原创 js文字收缩展开

如何实现c呢？例如：一段内容过长了，我限制他显示为20个字内，但是超出了20的就先用省略号代替，然后后面添加一个展开，点击展开后就显示所有的内容，这时候展开按钮就变成了折叠按钮，点击折叠又变成了展开，并且，折叠后又像是20字内了！下面奇芳阁就分享一下通过JS截取字符串实现展开收起（折叠）的功能！获取div中的文本内容，然后动态创建一个div和和a对象，如果文章的内容超过指定的字数，那么就会截

2017-05-08 23:30:03 3848

原创 js简单的tab切换

e{width:500px;height:500px;border:1px #000 solid;}ul{list-style:none;width:500px;height:300px;background:#666;}ul li{display:none;}.active{background:red;}富强民主文明和谐这是一段文字这

2017-05-08 09:17:09 516

原创 muitab切换滑动，加主体页面滑动效果

mui.init()body{font-family: "Microsoft YaHei",sans-serif;color:#333;background-color: #F1E9DC;}div.mui-content{background-color: #F1E9DC;}p{margin-bottom: 0px;}.mui-slider-indicator.mui-se

2017-05-08 09:14:38 3758 1

转载 css盒模型

一、盒模型概述通过对日常生活中的盒子和网页中单个模块内部结构的分析，我们发现它们的结构是非常类似的，即箱子就相当于边框，防震物或填充物就相当于内边距，内容则相当于电视机，箱子与箱子之间的距离就相当于外边距。对比学习的目的是让学生深入理解什么是盒子模型及盒子模型的组成。2.网页布局中“盒子模型”的运用是非常广泛的，所有页面中的元素都可以看成是一个盒子，占据着一定的页面空间。一个页面中

2017-05-03 09:30:26 226

转载 css选择器

css

2017-05-03 09:28:06 625

smilesgp的博客