-
用CSS画一个带阴影的三角形的示例代码
所属栏目：[系统] 日期：2020-05-11 热度：117
怎么用CSS画一个带阴影的三角形呢 ? 有童鞋说, 这还不简单吗 网上有很多解决方案, 但其实大多都是实现不太完美的, 存在一些问题 假设我们做一个向下的三角形箭头 常见的方法大致有两种 通过边框控制, border-left和border-right设为透明, border-top设为预[详细]
-
网页表单在浏览器的表现实例
所属栏目：[系统] 日期：2020-05-11 热度：119
在工作之余抽了点时间写了一下这个，在ie6-ie7-ff下显示位置基本都一致了。 （发现demo页面用栅格线做背景，调试还真的容易得多 。热力推荐！这个栅格是从photoshop里拷贝来的。） 这样子定义了input等标签，做提交表单的时候就不用担心ie6-ie7-ff下radio[详细]
-
CSS教程关于css框架网页设计
所属栏目：[系统] 日期：2020-05-11 热度：118
个人总结了在开发css框架中的一点经验，献丑了。希望大家的讨论能使我们共同进步。:)1、css框架 中国的互联网行业已经发展了10年，浏览器也从最早流行的NS到现在的FF3.IE7等等前端开发工程师的职位也诞生了。近几年在web开发中，有个非常火的词框架。YUI、[详细]
-
符合WEB标准的网页图像的代码精简
所属栏目：[系统] 日期：2020-05-11 热度：100
遵循Web标准的思想，网页要表现出一种亲和力。那么，针对残障用户来说，其阅读器可不能读取图像上传递的信息的。 所以我们会采用一种Using Background-Image to Replace Text的方法，也就是将图像以背景图像的方式插入网页显示，同时为了让残障人士能了解该[详细]
-
WEB标准教程:功能丰富的段落P标签
所属栏目：[系统] 日期：2020-05-11 热度：97
关于段落p/p相信大家已经都在自己的工作中开始关注并应用了。因为那真的是非常简单的事，只要你愿意你随时都可以开始让你的页面代码更为标准化。如果你已经开始跟着《WEB标准能有多难？》在自己的工作中循序渐进地运用WEB标准了，那么这次的内容会让你更进[详细]
-
清除浮动clear:both的应用详解
所属栏目：[系统] 日期：2020-05-11 热度：146
在CSS中我们会经常要用到清除浮动Clear，比较典型的就是clear:both; CSS手册上是这样说明的：该属性的值指出了不允许有浮动对象的边。这个属性是用来控制float属性在文档流的物理位置的。 当属性设置float（浮动）时，其所在的物理位置已经脱离文档流了，但[详细]
-
针对class、id所做的CSS HACK
所属栏目：[系统] 日期：2020-05-11 热度：67
这是一篇关于CSS HACK的文章，这篇文章中提到的CSS HACK是针对class、id中属性的HACK，排列的顺序都具有要求。今天要和大家说的是针对class、id所做的CSS HACK。 .test{/*FF*/ height:20px; background-color:orange; } * html .test{/*IE7*/ height:20px;[详细]
-
背投广告设计：用最少的时间来做最效率的事情
所属栏目：[系统] 日期：2020-05-11 热度：138
对于背投广告的原理来说并没有什么难度，无非打开的窗口失去焦点（blur），而原来页面得到焦点（focus）。但对于流行的浏览器来说，如果非用户行为的弹出窗口（即 onload 时，直接window.open ），会被浏览器默认拦截。 背投广告，既然被称为广告，那如何[详细]
-
CSS教程:使用ul进行网页的多列布局
所属栏目：[系统] 日期：2020-05-11 热度：196
几天在用CSS写三列布局的时候突然想到的这样一个方法，这个想法自己都觉得有些疯狂，如果其中有什么不对的地方请各位不吝指教。 当需要写一个三列布局的时候，一般情况下我会选择使用如下的DIV布局方式： 使用这样的嵌套方式无疑可以使代码出错的概率减少[详细]
-
css中用javascript判断浏览器版本
所属栏目：[系统] 日期：2020-05-10 热度：56
看如下的javascript脚本： if (window.XMLHttpRequest) { //Mozilla, Safari,...IE7 alert('Mozilla, Safari,...IE7 '); if(!window.ActiveXObject){ // Mozilla, Safari,... alert('Mozilla, Safari'); } else { alert('IE7'); } } else { alert('IE6');[详细]
-
css教程:经常保持CSS的整洁度和有序性
所属栏目：[系统] 日期：2020-05-10 热度：59
点击这里浏览本站 CSS 频道内容。 经常要保持CSS的整洁度和有序性。我喜欢将选择符按照样式的类别进行组织划分。 重置样式(reset styles) 排版样式(typography styles) 布局样式(layout styles (header, content, footer, etc.)) 模块和widget样式module or[详细]
-
dl,dt,dd,ul,li,ol区别及应用
所属栏目：[系统] 日期：2020-05-10 热度：178
ul: unordered lists ol: ordered lists li: Lists ol有序列表: ol li/li li/li li/li /ol 表现为： 1 2 3 ul无序列表，表现为li前面是大圆点而不是123: ul li/li li/li /ul 很多人容易忽略dldtdd的用法: dl内容块 dt内容块的标题 dd内容 可以这么写： dl d[详细]
-
css教程:选择合适的、有意义的元素描述内容
所属栏目：[系统] 日期：2020-05-10 热度：197
点击这里查看本站的 css 频道的内容 您应该明白为什么我会说到这个，选择合适的、有意义的元素去描述你的内容，确保您所选择的是富有语义的类class和id特征值。做正确的事情会使你的生活变得容易很多，如果你是某个团队的一分子，对团队其他成员来说也是如[详细]
-
CSS编写中灵活运行注释的意义
所属栏目：[系统] 日期：2020-05-10 热度：61
如果使用注释的方法得当的话，为你的CSS文件添加注释可以在开发过程中给予你和其他人很大的帮助。最常见的是为CSS样式规则添加提示信息，不过使用注释对优化组织结构和提升效用也很有帮助。 提示和标签 这是注释最常用的途径，可以为自己或其他开发人员留[详细]
-
关于CSS 框架的论述
所属栏目：[系统] 日期：2020-05-10 热度：88
最近看到N多介绍CSS框架，前些天我说过一句话：在我有限的视野里，还没见到可以真正可以称得上css框架的东东~，当然也可能是我的视野太小了，或者是说世界太大了，我自己还是感觉还有一大堆我看不到的东西。 先来看一下一个我比较认同的概念： 框架可分为[详细]
-
DIV CSS常用的网页布局代码
所属栏目：[系统] 日期：2020-05-10 热度：124
单行一列 以下是引用片段： 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-10 热度：69
Ajax的流行给用户体验带来了很大程序的提升，而注册这项做为互联网最常用到的功能也自然而然的成为Ajax最常光顾的地方，实时判断用户输入的用户名是否被抢注、检测两次输入的密码是否一致，检测用户输入的邮箱格式是否正确，等等这些功能因为有了Ajax的加[详细]
-
css教程:CSS文件应该保持整洁和统一
所属栏目：[系统] 日期：2020-05-10 热度：163
点击这里浏览本站 CSS 频道内容。 一位网友遇到了一个头疼的问题。需要对经过若干次修改以后的网站进行重整，需要剔除冗余的代码，在CSS样式重整方面，比较头疼，不仅需要对现有的样式进行合并与精简，还需要为网站增加换肤功能。 不难看出，这是一个令人感[详细]
-
CSS3教程：background-clip和background-origin
所属栏目：[系统] 日期：2020-05-10 热度：128
原文： background-clip 和 background-origin 是 CSS3 中新加的 background module 属性，用来确定背景的定位。 background-clip 用来判断 background 是否包含 border 区域。而 background-origin 用来决定 background-position 计算的参考位置。 语法为[详细]
-
Css实现手机端页面强制横屏的方法示例
所属栏目：[系统] 日期：2020-04-02 热度：168
@media screen and (orientation: portrait) {html{width : 100vmin;height : 100vmax;}body{width : 100vmin;height : 100vmax;}#gyroContain{width : 100vmax;height : 100vmin;transform-origin: top left;transform: rotate(90deg) translate(0,-100vm[详细]
-
CSS大师Eric采访实录
所属栏目：[系统] 日期：2020-03-31 热度：81
自从学习、实践CSS以来，问题层出不穷，实在是自己学习的太肤浅，对CSS的理解也不够。 本篇摘录一段对CSS大师Eric的采访记录，希望加深认识，准备重拾对CSS的学习劲头。 关于作者和此篇采访 原文于2004年4月21日采访，载于webstandardgroup.org由国内CSS的[详细]
-
用CSS遮罩实现过渡效果的示例代码
所属栏目：[系统] 日期：2020-03-31 热度：170
副标题#e# 今天我们展示如何用CSS遮罩创建一个有趣又简单但吸引人的过渡效果。与裁剪一样，遮罩是另外一种定义可见性和元素组合的方式。在下面的教程中，我们将向你展示如何应用新属性实现现代转换效果。我们将使用steps()和位于图片之上的PNG实现一个有趣[详细]
-
详解css透明度之rgba和opacity的区别及兼容
所属栏目：[系统] 日期：2020-03-31 热度：88
对于设置透明度，我们有两个可以选的css3属性：rgba 和 opacity opacity 用法： #box{background-color:rgb(125,25,0);opacity: 0.5} IE9, Firefox, Chrome, Opera 和 Safari 使用属性opacity来设定透明度。 opacity 属性能够设置的值从 0.0 到 1.0。值越[详细]
-
CSS实现隐藏滚动条并可以滚动内容效果(三种方式)
所属栏目：[系统] 日期：2020-03-30 热度：159
隐藏滚动条的同时还需要支持滚动，我们经常在前端开发中遇到这种情况，最容易想到的是加一个iscroll插件，但其实现在CSS也可以实现这个功能，我已经在很多地方使用了，下面一起看看这三种方法。 方法1：计算滚动条宽度并隐藏起来 在本站的侧栏，你可以看到[详细]
-
CSS3 不定高宽垂直水平居中的几种方式
所属栏目：[系统] 日期：2020-03-30 热度：137
.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[详细]
