CSS

HTML、CSS、JavaScript、PHP、 MySQL 的学习顺序

有耐心坚持个一年以上的话, 我会推荐HTML, css ,js, apache ,php, mysql后三者是需要装软件的, 推荐wamp, 绝佳的一站式环境配置, WampServer, the web development platform on Windows   直接包括了apache, php, mysql三个软件, 省的自己一个一个装.有不少人在评论里问mac os下对应的...

    1275浏览0推荐0评论

    bootstrap的插件modal.js是如何做到暂时隐藏滚动条

    在弹出modal时会给body添加一个去除滚动条的class(overflow-y:hidden)。同时,弹出modal的div有overflow-y:auto属性。这样就能根据modal自适应滚动条了。关闭modal时移除给body添加的class。...

      221浏览0推荐0评论

      前端css兼容性与易混淆的点

      一.常用的骨灰级清除浮动.clearfix:after {     content: ".";     display: block;     height: 0;     cle...

        229浏览0推荐0评论

        CSS如何实现这种背景效果

        其实这个问题可以完全不需要使用js的,css3便可胜任。于是我阐述一下基本原理:1、模糊特效使用filter:blur;2、阴影效果使用box-shadow;3、镂空效果最简单的方法就是使用mask-image;4、透明层效果使用background-color: rgba()或opacity;5、防止模糊外漏使用overflow: hidden。基本的层逻辑顺序是:<背景层>…<...

          370浏览0推荐0评论

          CSS 优化、提高性能的方法

          【CSS代码重构与优化之路】 写CSS的同学们往往会体会到,随着项目规模的增加,项目中的CSS代码也会越来越多,如果没有及时对CSS代码进行维护,CSS代码不断会越来越多。CSS代码交错复杂,像一张庞大的蜘蛛网分布在网站的各个位置,你不知道修改这行代码会有什么影响,所以如果有修改或增加新功能时,开发人员往往不敢去删除旧的冗余代码,而保险地增加新代码,最终坏处就是项目中的CSS会越来越多,最终陷入无...

            196浏览0推荐0评论

            HTML 标签属性的全称

            那些比较明显的(如 p、h1~h6、ol、ul、li、abbr、col、img、ins、del、q 等)我就不写了。a: anchorlink的端点叫做anchor。link是从一端指向到另一端,通常a通过href属性指向外部资源,此a即为起始端点,但早期a也可以用name属性表示文档中可以被链接到的目标端点(后来任意元素上有id属性均可成为目标端点)。b: boldi: italicu: und...

              283浏览0推荐0评论

              没那么难,谈CSS的设计模式

                什么是设计模式?  曾有人调侃,设计模式是工程师用于跟别人显摆的,显得高大上;也曾有人这么说,不是设计模式没用,是你还没有到能懂它,会用它的时候。  先来看一下比较官方的解释:“设计模式(Design pattern)是一套被反复使用、多数人知晓的、经过分类的、代码设计经验的总结。使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性。 毫无疑问,设计模式于己于他人于系统都是多赢...

                902浏览0推荐0评论

                类似angularJS里的路由,实现左侧导航不刷新,只刷新右侧内容的界面

                和angular渊源较深, 事实上,如果不是深层级的路由, 市面上得选择是比较多的: director.js, path.js , Backbone.Router 等等都是很好的选择, 甚至直接监听hashchange事件也能再IE8+下实现单页路由。单页应用的开发其实很简单: 永远要保持一点,你的程序逻辑的开始是由url变化开始的 ,是单向的。 所以说是状态state驱动, url不足以描述一个...

                  261浏览0推荐0评论

                  sessionStorage、localStorage简介 简介

                  多功能旋转木马轮播实例今天项目需要用到旋转木马轮播功能,需要显示个可以切换的选项,这几个选项也许是图片,也许是文字,也许是一个iframe页面,也有可能是图文混排,还可能需要支持调用接口数据,需要显示多条信息,最少3条,最多不限,可能有10条,可能有10000条,于是就有了下面这个实现方法,看上去已经很完美了(样式和具体显示图片、文字或者是iframe页面、图文混排、调用接口数据等请自行在此实例基...

                    410浏览0推荐0评论

                    两列自适应布局

                    目的:想要在网页中实现自适应两列布局,即左边一列是固定宽度的,右边一列的宽度等于屏幕宽减去左边的宽度(或相反)。分析:需要满足三个要求:①两个盒子在同一行②右边的盒子需要占满剩下的空间③两个盒子不能重叠这三个条件又分别有很多种实现方法(不考虑绝对定位):组合起来,会有很多种实现方式。方法:<div class="left"></div> <...

                      180浏览0推荐0评论

                      神奇的css!竟然可以这样玩转表格

                      这是在对一个博客模板进行移动端适配时遇到的一个场景。html结构如下:要解决的问题是如何在不修改任何html代码的情况下,仅仅通过css实现下面的效果:1)改变它们的显示顺序,.MainCell显示在前,.LeftCell显示在后(与html结构中的顺序相反)。2)让它们分行显示。 .MainCell与.LeftCell是表格的单元格,它们默认是以列的方式排列在一行显示,如果解决了第1个...

                        150浏览0推荐0评论

                        CSS级联和继承

                        1.在HTML中使用CSS样式表的三种方式:(1)内联的样式表。eg:<em style="background-white">LIN</em>(2)嵌入式样式表。即在<head>标签内嵌入<style>标签及具体的样式设置内容。(3)外部链接的样式表。2.级联的顺序(1)首先要根据起源(origin)将规则分类。具体优先顺序如下...

                          158浏览0推荐0评论

                          202. Happy Number

                          Write an algorithm to determine if a number is "happy".A happy number is a number defined by the following process: Starting with any positive integer, replace the number by the sum of the s...

                            822浏览0推荐0评论

                            关于Div的宽度与高度的100%设定

                            正像你所知道的那样,设置DIV大小的有两个属性width和height,以前在学习DIV每次给DIV设置100%宽度或高度时都很迷惑,不明确这个100%的宽度(高度)到底有多宽有多高?这个100%是从哪里得到的从哪里继承的?今天我们的话题就是有关div高度100%的问题!其实,要弄懂div宽度|width100%、div高度|height100%到底是怎么实现的,只需弄懂一个简单的问题就可以了,即...

                              202浏览0推荐0评论

                              CSS之Position详解

                              CSS的很多其他属性大多容易理解,比如字体,文本,背景等。有些CSS书籍也会对这些简单的属性进行大张旗鼓的介绍,而偏偏忽略了对一些难缠的属性讲解,有避重就轻的嫌疑。CSS中主要难以理解的属性包括盒型结构,以及定位。正如positioniseverything,本文将主要讲述关于position的理解,力求让您看完本文后对position有着最全面的认识。position的四个属性值:relativ...

                                148浏览0推荐0评论

                                Jquery删除css属性的简单方法

                                下面小编就为大家带来一篇Jquery删除css属性的简单方法。有时我们不需要某个css属性时,想删除它,但有没有removeCss方法,怎么办呢?可以使用如下方法解决$('选择器').css('css属性','');  即将css属性值赋值为空,页面中就不会显示该css属性了。 如:$('.div1')....

                                  317浏览0推荐0评论

                                  简单实现js浮动框

                                  本文实例为大家分享了js浮动框的实现代码,供大家参考,具体内容如下一.在需要加入浮动框的页面中加入如下css代码:<!-- 浮动窗口样式css begin --> <style type="text/css"> #msg_win {   border: 1px so...

                                    506浏览0推荐0评论

                                    js代码实现下拉菜单

                                    本篇文章主要分享了js代码实现下拉菜单的代码.js代码:<script type="text/javascript"> function ShowSub(li) {//函数定义 var subMenu = li.getElementsByTagName("ul")[0] ;//...

                                      445浏览0推荐0评论

                                      JS数字千分位格式化实现方法总结

                                      本文实例讲述了JS数字千分位格式化实现方法。分享给大家供大家参考,具体如下:用js实现如下功能,将给定的数字转化成千分位的格式,如把“10000”转化成“10,000”,并考虑到性能方面的因素。一.首先想到的办法,将数字转换为字符串(toString())再打散成数组(split),如果直接数字转换为数组,就是一整个放进去了,不能单独取到每一位。然后通过循环,逐个倒着把数组中的元素插入到新数组的开...

                                        251浏览0推荐0评论

                                        一个很好的css和js函数调用的例子

                                        统一目录下的资源结构图: <html> <head>  <link rel="stylesheet" href="http://www.php1.cn/"> <script type="text/javascript" src=...

                                          592浏览0推荐0评论

                                          CSS布局之div交叉排布与底部对齐--flex实现

                                          最近在用wordpress写页面时,设计师给出了一种网页排布图样,之前从未遇到过,其在电脑上(分辨率大于768px)的效果图如下:而在手机(分辨率小于等于768px)上要求这样排列:我想到了两种方法第一种是用bootstrap的row、col-md配合col-md-push、col-md-pull来实现,代码如下:<!DOCTYPE html> <html> &n...

                                            495浏览0推荐0评论

                                            CSS 性能优化笔记

                                            真真切切的体会到了 CSS 对用户体验的影响非常明显,稍有不慎就是一个大坑。下面,我们就来谈谈 CSS 性能优化的问题。加载性能减少文件体积,压缩代码减少阻塞加载,不要用 import提高并发(这个不甚理解)选择器性能对整体性能的影响可以忽略不计了,但是选择器的考究更多是为了规范化和可维护性、健壮性。具体怎么实施可以参考 Github 的这个分享:GitHub's CSS Performa...

                                              450浏览0推荐0评论

                                              css 属性书写顺序推荐

                                              summary| 布局定位     | 定位方式:position     | 元素浮动:float   | 盒子模型     | 盒子类型:display       | 弹性盒子 :flex       |...

                                                485浏览0推荐0评论

                                                Web前端之jQuery 的10大操作技巧

                                                不管是做什么事情,人们习惯在工作中去找方法、找技巧,来帮助提高效率,在软件开发中更是如此。jQuery作为前端开发必学技术之一,在使用中也有各种各样的小技巧,今天小编为大家分享10条必知会的技巧,希望可以帮助大家快速开发前端应用。1、返回顶部按减少插件的使用,利用 animate 和 scrollTop 来实现返回顶部的动画:// Back to top $('...

                                                  341浏览0推荐0评论

                                                  CSS备忘

                                                  垂直居中:           先height再ling-height,都设成一样高span 垂直居中:vertical-align:50%设置外边距:           margin-top,margin-left,margin-rig...

                                                    205浏览0推荐0评论

                                                    CSS ::before 和 ::after 伪元素用法

                                                    CSS 有两个说不上常用的伪类 :before 和 :after,偶尔会被人用来添加些自定义格式什么的,但是它们的功用不仅于此。前几天发现了 Creative Link Effects 这个非常有意思的介绍创意链接特效的页面,里面惊人的效果大量使用到的特性除了 transform 属性进行变形之外,就是接下来要介绍的这两个伪元素了。一 基本语法在了解进阶的应用之前,先来了解一下语法规则。平常仅仅需...

                                                      189浏览0推荐0评论

                                                      Web开发之CSS

                                                      Web开发,除了后台开发和数据开发,很大一块是前端开发。前端开发中使用最大的技术是:HTML(现在也有项目开始使用HTML5了,比如沪江英语的听力曲线使用html5 canvas绘制的),CSS(这个也有一个新版本,CSS3.0。很多应用出现圆角效果,估计都使用到了3.0的新特性),Javascript(其实这个也有版本的哦!盛大的权一大师就在研究ECMAScript5了),一个javascrip...

                                                        133浏览0推荐0评论

                                                        前端源码安全

                                                        今天思考下前端源码安全的东西(不是前端安全,只是针对于源码部分)。在我看来,源码安全有两点,一是防止抄袭,二是防止被攻破。实际上讲,前端的代码大多是没有什么可抄袭性,安全更是形同虚设的(任何前端输入都是不能相信的)。但如果还是想防止源码被查看,HTML、CSS并不能做什么,最终都会用露出来(最简单用Chrome开发者工具就可以看到),所以只能针对JS做文件的压缩合并和混淆。关于抄袭其实就前端来讲,...

                                                          817浏览0推荐0评论

                                                          手机端Web开发中遇到的那些问题

                                                           retina 图片兼容这个 feature 应该不仅仅只关心 手机端, 而且还包括PC, 因为苹果不仅仅在手机端 (从 iphone4 开始), 而且在, MAC 上也使用了 retina. 首先, retina 的意思就是, dpr(device-pixel-ratio)是普通屏幕的两倍. 对比于 CSS 来说就是, 原来在 css 中设置的是 1px , 在实际的屏幕显示时, 也是...

                                                            170浏览0推荐0评论

                                                            CSS的一些零碎总结

                                                            1、CSS 伪元素用于向某些选择器设置特殊效果(用来当作一个东西的,跟一个元素差不多,但不是元素)。① :frist-line伪元素:用于向文本首行设置特殊样式,但是只能用于块级元素。以下属性可应用于 “ frist-line ” 伪元素:        font、color、background、word-spacing、le...

                                                              128浏览0推荐0评论
                                                              首页上一页123下一页尾页

                                                              推荐作者

                                                              热门手记