CSS

CSS的四种引入方式原创

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

    538浏览6推荐0评论

    css笔记记录

    list-style:none;...

      550浏览3推荐1评论

      CSS备忘

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

        331浏览2推荐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下对应的...

          1790浏览1推荐0评论

          前端源码安全

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

            1007浏览1推荐0评论

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

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

              323浏览0推荐0评论

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

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

                347浏览0推荐0评论

                CSS如何实现这种背景效果

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

                  519浏览0推荐0评论

                  CSS 优化、提高性能的方法

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

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

                      419浏览0推荐0评论

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

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

                        1049浏览0推荐0评论

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

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

                          375浏览0推荐0评论

                          sessionStorage、localStorage简介 简介

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

                            502浏览0推荐0评论

                            两列自适应布局

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

                              266浏览0推荐0评论

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

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

                                246浏览0推荐0评论

                                CSS的text-shadow属性

                                css3中有很多的属性用起来都是非常的方便简洁,所以,今天的这篇文章就来给大家介绍一个css3中的text-shadow属性,这个属性可以为字体添加阴影, 通过为text-shadow属性设置相关的属性值。下面我们就来看一看css3用text-shadow设置文字阴影的具体内容。首先我们来详细的看一看text-shadow属性。text-shadow属性:在CSS3中可以用text-shadow...

                                  3浏览0推荐0评论

                                  CSS的四种引入方式原创

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

                                    538浏览6推荐0评论

                                    其琛的手记原创

                                    ...

                                      192浏览0推荐0评论

                                      css笔记记录

                                      list-style:none;...

                                        550浏览3推荐1评论

                                        Jquery删除css属性的简单方法

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

                                          493浏览0推荐0评论

                                          简单实现js浮动框

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

                                            665浏览0推荐0评论

                                            js代码实现下拉菜单

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

                                              601浏览0推荐0评论

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

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

                                                386浏览0推荐0评论

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

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

                                                  707浏览0推荐0评论

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

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

                                                    617浏览0推荐0评论

                                                    CSS 性能优化笔记

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

                                                      591浏览0推荐0评论

                                                      css 属性书写顺序推荐

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

                                                        635浏览0推荐0评论

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

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

                                                          436浏览0推荐0评论

                                                          CSS备忘

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

                                                            331浏览2推荐0评论

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

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

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

                                                              推荐作者

                                                              热门手记

                                                              PHP中文网

                                                              未登录