CSS

css笔记记录

list-style:none;...

    518浏览3推荐1评论

    CSS的四种引入方式原创

    在HTML中引入CSS的方法主要有四种,它们分别是行内式、内嵌式、链接式和导入式。...

      225浏览3推荐0评论

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

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

        1706浏览1推荐0评论

        前端源码安全

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

          962浏览1推荐0评论

          CSS备忘

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

            300浏览1推荐0评论

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

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

              303浏览0推荐0评论

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

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

                319浏览0推荐0评论

                CSS如何实现这种背景效果

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

                  478浏览0推荐0评论

                  CSS 优化、提高性能的方法

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

                    279浏览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...

                      393浏览0推荐0评论

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

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

                        1016浏览0推荐0评论

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

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

                          355浏览0推荐0评论

                          sessionStorage、localStorage简介 简介

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

                            484浏览0推荐0评论

                            两列自适应布局

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

                              248浏览0推荐0评论

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

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

                                220浏览0推荐0评论

                                CSS的四种引入方式原创

                                在HTML中引入CSS的方法主要有四种,它们分别是行内式、内嵌式、链接式和导入式。...

                                  225浏览3推荐0评论

                                  其琛的手记原创

                                  ...

                                    161浏览0推荐0评论

                                    css笔记记录

                                    list-style:none;...

                                      518浏览3推荐1评论

                                      Jquery删除css属性的简单方法

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

                                        458浏览0推荐0评论

                                        简单实现js浮动框

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

                                          645浏览0推荐0评论

                                          js代码实现下拉菜单

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

                                            577浏览0推荐0评论

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

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

                                              364浏览0推荐0评论

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

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

                                                685浏览0推荐0评论

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

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

                                                  590浏览0推荐0评论

                                                  CSS 性能优化笔记

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

                                                    566浏览0推荐0评论

                                                    css 属性书写顺序推荐

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

                                                      602浏览0推荐0评论

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

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

                                                        412浏览0推荐0评论

                                                        CSS备忘

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

                                                          300浏览1推荐0评论

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

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

                                                            280浏览0推荐0评论

                                                            Web开发之CSS

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

                                                              209浏览0推荐0评论
                                                              首页上一页12下一页尾页

                                                              推荐作者

                                                                热门手记

                                                                  PHP中文网

                                                                  未登录