-
CSS中层叠上下文的具体使用
所属栏目：[系统] 日期：2020-05-11 热度：154
层叠上下文与层叠顺序 层叠上下文（stacking content）是 HTML 中的三维概念，也就是元素z轴。层叠顺序（stacking order）表示层叠时有着特定的垂直显示顺序。 层叠准则 谁大谁上 当具有明显的层叠水平标示的时候，如识别的 z-indx 值，在同一个层叠上下文[详细]
-
CSS自定义select下拉选择框的样式(不用其他标签模拟)
所属栏目：[系统] 日期：2020-05-11 热度：117
今天群里有人问到怎么自定义select下拉选择框的样式，于是群里就展开了激烈的讨论，刚开始一直就是考虑怎样使用纯CSS实现，把浏览器默认的样式覆盖掉，但最后均因兼容问题处理不好而失败告终，最后的解决方案就是用其他的元素（如ul,li）模拟下拉菜单，或[详细]
-
css控制UL LI 的样式详解(推荐)
所属栏目：[系统] 日期：2020-05-11 热度：97
div ul lia href="#"首页/a/li li/li lia href="#"博客/a/li li/li lia href="#"设计/a/li li/li lia href="#"相册/a/li li/li lia href="#"论坛/a/li li/li lia href="#"关于/a/li /ul /div CSS: 复制代码 代码如下: #menu ul {list-style:none;margin:0p[详细]
-
从腾讯网站首页改版学到的几点体会心得
所属栏目：[系统] 日期：2020-05-11 热度：83
腾讯首页近日改版了，现在将自己从其中学到和感悟到的几点总结出来分享： 1、宽屏设计： 1）不管腾讯处于什么考虑，宽屏总是让人看的很舒服，而且页面整体缩短了近1半，这让浏览信息的用户会方便很多。 2）同时大家注意到了，腾讯的宽屏不是完全的宽屏，而[详细]
-
解决网站防挂IFRAME木马的原理
所属栏目：[系统] 日期：2020-05-11 热度：123
相信大多数朋友都是iframe木马的受害者，有朋友的网站被注入了n回iframe，心情可想而知。而且现在ARP攻击，注入iframe也是轻而易举的事，仅局域网里都时刻面临威胁，哎，什么世道。接近年关，为了防止更多的朋友受到攻击，于是细细说下。 灵儿曾经在经典论[详细]
-
Web标准：文档类型和网页浏览器
所属栏目：[系统] 日期：2020-05-11 热度：85
原文： 作者：Aaron Gustafson 译者：zhaozy in 3user.com 转载请注明作者和译者信息,谢谢! 进步总是要有代价的. 对网页浏览器来说, 由于开发者像是宣传真理一样的拍着胸部担保着一些编辑器和浏览器(特别是Internet Explorer), 用户们为此花费很多的成本.[详细]
-
CSS编写中灵活运行注释的意义
所属栏目：[系统] 日期：2020-05-11 热度：81
如果使用注释的方法得当的话，为你的CSS文件添加注释可以在开发过程中给予你和其他人很大的帮助。最常见的是为CSS样式规则添加提示信息，不过使用注释对优化组织结构和提升效用也很有帮助。 提示和标签 这是注释最常用的途径，可以为自己或其他开发人员留[详细]
-
关于CSS 框架的论述
所属栏目：[系统] 日期：2020-05-11 热度：120
最近看到N多介绍CSS框架，前些天我说过一句话：在我有限的视野里，还没见到可以真正可以称得上css框架的东东~，当然也可能是我的视野太小了，或者是说世界太大了，我自己还是感觉还有一大堆我看不到的东西。 先来看一下一个我比较认同的概念： 框架可分为[详细]
-
DIV CSS常用的网页布局代码
所属栏目：[系统] 日期：2020-05-11 热度：130
单行一列 以下是引用片段： body{margin:0px;padding:0px;text-align:center;} #content{margin-left:auto;margin-right:auto;width:400px;width:370px;} 两行一列 以下是引用片段： body{margin:0px;padding:0px;text-align:center;} #content-top{margin-[详细]
-
网页注册表单的网页设计技巧
所属栏目：[系统] 日期：2020-05-11 热度：169
Ajax的流行给用户体验带来了很大程序的提升，而注册这项做为互联网最常用到的功能也自然而然的成为Ajax最常光顾的地方，实时判断用户输入的用户名是否被抢注、检测两次输入的密码是否一致，检测用户输入的邮箱格式是否正确，等等这些功能因为有了Ajax的加[详细]
-
css教程:CSS文件应该保持整洁和统一
所属栏目：[系统] 日期：2020-05-11 热度：101
点击这里浏览本站 CSS 频道内容。 一位网友遇到了一个头疼的问题。需要对经过若干次修改以后的网站进行重整，需要剔除冗余的代码，在CSS样式重整方面，比较头疼，不仅需要对现有的样式进行合并与精简，还需要为网站增加换肤功能。 不难看出，这是一个令人感[详细]
-
CSS3教程：background-clip和background-origin
所属栏目：[系统] 日期：2020-05-11 热度：99
原文： background-clip 和 background-origin 是 CSS3 中新加的 background module 属性，用来确定背景的定位。 background-clip 用来判断 background 是否包含 border 区域。而 background-origin 用来决定 background-position 计算的参考位置。 语法为[详细]
-
背投广告设计：用最少的时间来做最效率的事情
所属栏目：[系统] 日期：2020-05-10 热度：200
对于背投广告的原理来说并没有什么难度，无非打开的窗口失去焦点（blur），而原来页面得到焦点（focus）。但对于流行的浏览器来说，如果非用户行为的弹出窗口（即 onload 时，直接window.open ），会被浏览器默认拦截。 背投广告，既然被称为广告，那如何[详细]
-
CSS教程:使用ul进行网页的多列布局
所属栏目：[系统] 日期：2020-05-10 热度：153
几天在用CSS写三列布局的时候突然想到的这样一个方法，这个想法自己都觉得有些疯狂，如果其中有什么不对的地方请各位不吝指教。 当需要写一个三列布局的时候，一般情况下我会选择使用如下的DIV布局方式： 使用这样的嵌套方式无疑可以使代码出错的概率减少[详细]
-
网页超级链接该以什么方式打开?
所属栏目：[系统] 日期：2020-05-10 热度：102
一直以来都有这样一个困惑，那就是打开页面间的链接时是在原窗口转换还在新窗口打开呢？如果是在原窗口里转换页面的话，那我还想使用原页面的信息呢？但是在新窗口打开的话，到时候可能是一屏幕的窗口（现在的浏览器都提供标签式浏览我认为这是浏览器至今[详细]
-
以HTML为基础学习DIV CSS
所属栏目：[系统] 日期：2020-05-10 热度：157
点击这里浏览本站 网页设计教程 栏目内容 在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了一定的HTML基[详细]
-
CSS盒模型制定网页的宽度和高度的原理
所属栏目：[系统] 日期：2020-05-10 热度：106
当我们布局一个网页的时候，经常会遇到这样的一种情况，那就是最终网页成型的宽度或是高度会超出我们预先的计算，其实就就是所谓的CSS的盒模型造成的。 #test{margin:10px;padding:10px;width:100px;height:100px;} 如上一段的代码，很多时候我们会把它所[详细]
-
细说CSS3中的选择符
所属栏目：[系统] 日期：2020-05-10 热度：192
英文原文： 中文翻译： ?id=197 注：本文写于2006年1月，当时IE7、IE8和Firefox3还未发行，文中所有说的浏览器支持均未包括这三个版本的浏览器。在IE8和Firefox3中，文中的大部分选择符已经被支持[dudo注] 在2005年的9月和10月，我先后发表了几篇关于CSS2.[详细]
-
CSS教程:闭合CSS浮动元素的几种方法
所属栏目：[系统] 日期：2020-05-10 热度：79
按照CSS规范，浮动元素（floats）会被移出文档流，不会影响到块状盒子的布局而只会影响内联盒子（通常是文本）的排列。因此当其高度超出包含容器时，一般父容器不会自动伸长以闭合浮动元素。但是有时我们却需要这种自动闭合行为，具体如何处理呢？ 有一种[详细]
-
CSS:何制作一个向各个方向延展box?
所属栏目：[系统] 日期：2020-05-10 热度：156
在HTML中, 如果过你没有指定一个确定的宽度的话, 块级元素本身就会在垂直方向上延展. 想象一个无序清单. 这个清单会自己扩展来适应它所有的清单元素. 如果用户在他们的浏览器中增加了字体大小, 清单会在垂直方向上延展, 来适应变大的内容. 有时候, 感觉仅[详细]
-
基于ccs3的timeline时间线实现方法
所属栏目：[系统] 日期：2020-05-10 热度：173
实现 该控件的实现过程较为简单，主要由test.html文件和timeline.css文件组成。具体代码如下： 1、test.html文件 !DOCTYPE htmlhtml lang=enheadmeta charset=UTF-8meta name=viewport content=width=device-width, initial-scale=1.0meta http-equiv=X-UA[详细]
-
基于CSS 判断鼠标进入的方向
所属栏目：[系统] 日期：2020-05-10 热度：142
在之前某一个前端技术群里，有一个群友说他面试的时候遇到了一个问题，就是面试官让他用纯 CSS 来实现一个根据鼠标移动位置觉得物体移动方向的 DEMO。 给出的初始结构如下： stylebody {padding: 2em;text-align: center;}.block {position: relative;disp[详细]
-
CSS Hack整理
所属栏目：[系统] 日期：2020-04-01 热度：51
CSS Hack是在标准CSS没办法兼容各浏览器显示效果时才会用上的补救方法,在各浏览器厂商解析CSS没有达成一致前,我们只能用这样的方法来完成这样的任务. 我进行前端开发的时候,测试用的浏览器大致有: IE7, IE6, Opera9(文章撰写时版本为9.25 8825), Safari3([详细]
-
CSS实现隐藏滚动条并可以滚动内容效果(三种方式)
所属栏目：[系统] 日期：2020-03-31 热度：64
隐藏滚动条的同时还需要支持滚动，我们经常在前端开发中遇到这种情况，最容易想到的是加一个iscroll插件，但其实现在CSS也可以实现这个功能，我已经在很多地方使用了，下面一起看看这三种方法。 方法1：计算滚动条宽度并隐藏起来 在本站的侧栏，你可以看到[详细]
-
CSS3 不定高宽垂直水平居中的几种方式
所属栏目：[系统] 日期：2020-03-31 热度：141
.father {display: flex;justify-content: center;align-items: center;} 这种方式兼容性不好 2、position + transform .son {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);} IE9以下不支持transform属性 3、table + table-ce[详细]
