首页 / 脚本样式 / CSS

最窄770px最宽1024px的经典布局研究

最典型实用的上中下，并且中间分三列的布局，这个例子有2个特点： 1. 中间三列效果，可以任意实现单列背景色。2. 整体最窄770px，最宽1024px，也就是说窗口小于770xp就出底部滚动条，如果大于1024px自动屏幕居中。效果浏览：http://www.rexsong.com/blog/attachments/200512/29_154158_minmax_3col.htm分析：最外层的wrapper把所有内容都嵌套在里边，整体相对定位。max mi...

CSS使用心得体会

一，CSS的管理偶个人感觉比较重要，而且网上好像也比较少有说这方面的一来管理好的话，在调用和定义CSS时，会省掉很多时间和麻烦以下是偶的一些积累首先是为何要外部导入或链接CSS因为一个网页有很多页面，其中就要用到很多CSS（而且其中有一部分CSS是重复的），如果每页单独定义的话，以下是管理的方法，在index下的images文件夹中，CSS文件夹与之同级，方便调用和管理开始做网站时，因为偶们大多在PS中都得到了平面图，这时可以初步的明确相同部分CSS...

用CSS实现链接的虚线下划线效果

修改您的样式表，找下边这段（一般都在开头） a { color:#3399FF; font-weight:Normal; /*字体效果普通可以改成bold粗体*/ text-decoration:none; /*下划线效果：无下划线*/ } a:hover { color:#4499EE; text-decoration:none; /*下划线效果：无下划线*/ border-bottom: 1px #0099CC dotted /*加一个只有下边的框...

动态CSS站点教程：多个页面样式提供浏览者选择

在cnbruce""s blog上看到这个即时换STYLE的代码,觉得不错就COPY过来备用.在见的例子就是:一个站点上有多个页面样式提供浏览者选择.同时,在选择了某样式后,再次打开该页面时,将仍然保持该样式.自然会想到了Cookie技术。程序代码<HTML><HEAD><link ID="skin" rel="stylesheet" type="text/css"><TITLE>换肤技术</TIT...

鲜为人知的CSS技巧10则

本翻译并未得到作者或网站授权。一切权利都归原作者及原网站所有。如果你得到原作者或原发表网站的授权，可以自由使用本翻译。1.CSS字体属性简写规则一般用CSS设定字体属性是这样做的：font-weight:bold;font-style:italic;font-varient:small-caps;font-size:1em;line-height:1.5em;font-family:verdana,sans-serif;但也可以把它们全部写到一行上去：fo...

快速制作CSS导航菜单教

随着网页标准化观念深入人心，越来越多的网站采用了CSS架构。CSS架构的网页不但符合W3C标准，并且还非常美观。标准化网页从漂亮的CSS菜单开始。众所周知，CSS菜单都是一段代码、一段代码的编写出来，生成漂亮菜单，今天给大家介绍一款小的软件：CSS Tab Designer！ CSS Tab Designer是一款使用CSS来设计导航菜单的可视化软件，软件内置60多种不同风格的样式，只需修改现成样式模版，就能快速生成CSS菜单。特别值得一提的是，软件...

给图片在博客中添加滤镜效果

配合同事文章的技巧，用自己的博客来测试一下。首先插入一张测试图片：终极技巧之图片篇：为图片添加滤镜效果纯文字博客看上去会显得很枯燥，适当的配图能够让页面更美观，也能更好地表达自己的思想。那么如何为图片添加一些Photoshop里面才有的特殊滤镜效果呢？一张张修改图片吗？太烦琐了，更何况很多时候我们是引用网络上的图片地址，并没有对原图片的修改权限。这里有一个简单的方法，可以修改图片在博客上的显示效果。一般的博客编辑页面都有“插入图片”功能，此外还有“源代码编...

DIV+CSS网页制作布局技巧学习

CSS布局常用的方法：float:none|left|right取值：none: 默认值。对象不飘浮left: 文本流向对象的右边right: 文本流向对象的左边它是怎样工作的，看个一行两列的例子xhtml:<div id="wrap"><div id="column1">这里是第一列</div><div id="column2">这里是第二列</div><div class="clear...

详谈 CSS样式表使用：链接/嵌入

在阿捷的w3cn中，他说：引用内容在以前，我们通常采用2种方法使用样式表：页面内嵌法：就是将样式表直接写在页面代码的head区。类似这样：<style type="text/css"> <！-- body { background : white ; color : black ; } --> </style>外部调用法：将样式表写在一个独立的.css文件中，然后在页面head区用类似以下代码调用。<link re...

W3C标准：实时切换CSS样式

用W3C标准建造的网站，从理论上来说可以做到完全的表现与结构相分离。打个比方，就是可以在不动骨架（结构，XHMTL）和肌肉（行为，Javascript）的前提下，彻彻底底地换一身皮（表现，CSS）。当然，换皮之前你需要先按W3C标准建好你的网站，并且为它准备两套表现不一样的CSS。“换皮”实质上就是“换CSS”，我们要做的，只是用某种方法让浏览器载入另一套CSS，重新渲染页面。方法有很多种，我就介绍最常见的三种。方法一：什么也不干啊？什么也不干？嗯，这个...

firefox推荐与个人理解的css书写顺序

最近的工作中，遇到不少问题，其中一个问题我觉得是最重要的，那就是css的书写顺序，他可以体现一个前端工作者的思续。如果您看到本文，请不要再想到哪个属性就写哪个属性。先来看一下firefox推荐的书写顺序* mozilla.org Base Styles * maintained by fantasai * （classes defined in the Markup Guide -http://mozilla.org/contribute/writing...

On having layout

译者注：一篇很好的文章，很久以前在blog上就推荐过，这两天断断续续花了点时间翻译了一下，推荐读读。英文原文在此。文中所有的 layout 这个单词都未作翻译，一来本身这个单词意思就比较多，翻成啥都觉得别扭，二来它也是专有的属性，所以就意会一下吧。水平有限，很多地方都是模模糊糊地意译，发现错误欢迎留言指出。引用一段来自Dean Edwards的评价：I recommend that every CSS designer and DOM scripter r...

WEB标准字体常规定义

web标准推荐如下字体定义方法：body { font-family : "Lucida Grande", Verdana, Lucida, Arial, Helvetica, 宋体,sans-serif; }* 字体按照所列出的顺序选用。如果用户的计算机含有Lucida Grande字体，文档将被指定为Lucida Grande。没有的话，就被指定为Verdana字体，如果也没有Verdana，就指定为Lucida字体，依此类推。* Lucida Gra...

XHTML与HTML之间的区别

翻译：Linyupark You can prepare yourself for XHTML by starting to write strict HTML.你可以开始通过书写严格的HTML代码来为你的XHML之行做好准备 --------------------------------------------------------------------------------How To Get Ready For XHTML如何为XHTML做准...

XHTML标准语法

写XHTML要求使用干净的HTML语法--------------------------------------------------------------------------------Some More XHTML Syntax Rules:更多XHTML语法规则： Attribute names must be in lower case属性名称必须为小写 Attribute values must be quoted属性值使用双引号 At...

XHTML标准的版本

有三个版本的 XHTML 1.0，它们分别对应三个版本的 HTML 4.01： • XHTML 1.0 Transitional • XHTML 1.0 Strict • XHTML 1.0 Frameset XHTML 1.0 Transitional 包含 HTML 4.01 Transitional 中的全部标记和属性。引入 XHTML 1.0 Transitional 标准的目的是，使现有 HTML 设计人员和开...

同一个页面用多个id有什么影响

我们知道在样式表定义一个样式的时候，可以定义id也可以定义class，例如：ID方法：#test{color:#333333}，在页面中调用内容CLASS方法：.test{color:#333333}，在页面中调用内容id一个页面只可以使用一次，class可以多次引用。有网友问，id和class好象没什么区别，我在页面中用了多个id在IE中显示也正常，用多个id有什么影响吗？回答：第一影响就是不能通过W3的校验。在页面显示上，目前的浏览器还都允许你犯这个错...

初学web标准的几个误区

非常高兴地看到很多设计师开始关注和尝试使用web标准制作网页。但从网友们的问题和制作中发现几个问题，在这里特别提醒一下：1.不是为了通过校验才标准化。web标准的本意是实现内容（结构）和表现分离，就是将样式剥离出来放在单独的css文件中。这样做的好处是可以分别处理内容和表现，也方便搜索和内容的再利用。W3C校验仅仅是帮助你检查XHTML代码的书写是否规范，CSS的属性是否都在CCS2的规范内。代码的标准化仅仅是第一步，不是说通过的校验，我的网页就标准化了。...

学习CSS的10大理由

作者：阿捷 2004-7-2 14:38:35原文出处：sessions.edu,共 4节，这里翻译了主要的第一节。作为一个热门技术，CSS的发展的确有些缓慢。CSS最早被提议在1994年，最早被浏览器支持在1996年，CSS一直被力捧为传统的以HTML为基础的web代码的继承者。CSS使用样式表来控制整个站点字体和布局的能力,使它看起来非常有效率、易于设计和有远见。然而，也一直有荒诞的说法围绕着CSS，阻碍了网页设计师学习和掌握这种语言。究竟是什么让人们...

解决URL中含有-与号-不符合标准问题

今天在网站重构时，遇到了这个问题，URL需要传递两个变量（abc.asp？type=xxx&id=xxx），可是加了“&”后不能通过W3C检验，搜索了一番没有找到结果，只好去查英文网站查了下，用“& a m p;”代替“&”就可以解决这个问题了。abc.asp？type=xxx& a m p;id=xxx简单的翻译了下不能通过检验的原因[：）英文能力有限]是因为Netscape的3.x版本不兼容这个标记。只有“&”这个标记存在于HTML的URL中时才需要用...

<< 1 2 3 4 5 6 7 8 9 10 >>

版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图