-
渲染CSS选择器
最近在High Performance Web Sites blog看到一篇关于css选择器的文章《Simplifying CSS Selectors》,我英文太差,在翻译软件和朋友的帮助下稍微的看懂了一些,看本文需要谨慎,谨防被我误导,如...
作者:asdasdasd11-19 -
CSS 网页内容换行控制
在进行DivCSS布局时,需要对文本进行控制,我们在jb51.net以前的文章中,也讲过这方面的知识,今天系统的向大家介绍一下。CSS中控制换行的四种属性。
作者:asdasdasd11-19
一、white-space 可以实现HTML中PRE标... -
广告始终定位到网页右下角 css
互联网提供了很多种“将广告始终定位到网页右下角”的解决方案,大多会用到javascript,其实仅调用样式表就可以实现该效果。 以下万恶的代码主要是写给IE6的,在IE7和FF浏览器中,只需...
作者:asdasdasd11-19 -
firefox 滚动条消失引起页面抖动的问题
复制代码代码如下:html {height: 100%; margin-bottom: 1px; }用上面的代码即可。
作者:asdasdasd11-19
... -
CSS代码 注释的3种方法
1、选择器(child selector) 如果你想在IE中隐藏一个CSS定义,可以使用子选择器。 css部分: 复制代码代码如下: html>body p { /* declarations */ } 2、“通配符”(*) 这种写法只有...
作者:asdasdasd11-19 -
CSS 兼容问题
什么叫CSS HACK呢? 针对不同的浏览器写不同的CSS code的过程,就叫CSS hack,也叫写CSS hack。 CSS Hack的原理是什么(CSS的兼容问题) 由于不同的浏览器对CSS的支持及解析结果不一样,还由于CS...
作者:asdasdasd11-19 -
DIV+CSS 网页布局心得
我们在jb51.net一直强调交流的重要性,只有通过交流才能发现自己的不足,才能明确的知晓自己到底掌握了多少知识,哪些地方不足,哪些地方已经掌握,今天与大家分享一位jb51网友的DivCSS网页布局...
作者:asdasdasd11-19 -
superLink 让伪链接更有可用性
前几天,看到有人写了个superLink的东东,主要的做什么用呢? 我们有时会给在大块元素加个window.location='http://www.jb51.net',还顺便把光标定义成移上去会变成手势还代替链接,为什么不直接...
作者:asdasdasd11-19 -
纯CSS定位的固定垂直居中浮动层代码,附经典解说 《详解定位与定位应用》
关于在html中浮动层是众多网页爱好者刚开始的难点,主要在于定位。如果你对CSS定位还不够了解 可以接着往下看,运行里面的内容即可。【需求】: 将一个网页分成头、身和脚三部分。如下: &mdash...
作者:asdasdasd11-19 -
网页头部css代码优化实例
在div+css布局中,一般都这样来整体构架的: 复制代码代码如下: <div id="header"></div> <div id="center"></div> <div id="footer"></div> 而对于header部分,肯定要显示网站标题,除了显示网...
作者:asdasdasd11-19 -
CSS教程 汇总让IE6崩溃的几种方法
经常遇到莫名其妙让IE6崩溃的事情。今天看到了一篇好文章,脚本之家整理整理发上来,以后开发的时候要注意了。
作者:asdasdasd11-19
鉴于国内IE6的市场份额还在主流的情况,一定要避免出现以下情况。
IE6真脆弱啊
1.... -
css 不同媒介的显示样式控制方式
//在屏幕上显示的样式 <link rel="stylesheet" type="text/css" media="screen" href="screen.css"/> //在打印时显示的样式 <link rel="stylesheet" type="text/css" media="print" href="print...
作者:asdasdasd11-19 -
文字超过宽度显示省略号(无js全兼容)
PS. 由于使用的附件作为图片,使用其他浏览器测试时,保证登录才能看到完整效果。 ^-^ 三更半夜果然适于思考,办法有点怪,让我们先看看效果:
作者:asdasdasd11-19
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 ... -
详解css 定位与定位应用
定位的定义:
作者:asdasdasd11-19
在CSS中关于定位的内容是:position:relative | absolute | static | fixed
static 没有特别的设定,遵循基本的定位规定,不能通过z-index进行层次分级。relative 不脱离文档流,... -
网页选项卡TAB设计原则和应用案例教程
Module Tabs(也称选项卡,后文中简称Tab,以便更符合中国设计师的日常叫法) 是一个常见的交互元素——将不同的内容重叠放置在某一布局区块内,重叠的内容区里的每次只有其中一层是可见...
作者:asdasdasd11-19 -
鼠标指向网页图片时图片周围显示虚线框
图片边框变换CSS Hover状态效果,代码如下:
作者:asdasdasd11-19
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3... -
CSS 教程之内容设置的一些语法
一、white-space
作者:asdasdasd11-19
可以实现HTML中PRE标签的效果,以及单元格的noWrap效果。
语法: white-space : normal | pre | nowrap
取值: normal: 默认值。默认处理方式。文本自动处理... -
CSS 书写有怎样的功能
随着公司业务的增加,需求变的越来越多,团队也因此在不断的扩大,我们经常会遇到几个人协同工作来完成同一件作品或者维护修改别人作品的时候,那么是什么最让你最感到困扰呢?我们在实现一个表...
作者:asdasdasd11-19 -
网页设计新手30条进阶秘技
许许多多的网页新手正徘徊在专业编码的门槛前,而网上的教程参差不齐,鱼龙混杂,很容易让新手迷茫。这里总结了30条网页编码的“秘技”,只要在编码过程中牢记它们,灵活运用,你一定...
作者:asdasdasd11-19 -
IE7和IE8的兼容性问题
CSS兼容问题已经是CSS网页布局技术中的重要组成部分,也让广大的CSSer大为头疼,虽然jb51.net介绍过不少相关的知识与技巧,但是随着IE8的越来越广泛的安装应用,对IE7和IE8的兼容问题,也颇受关...
作者:asdasdasd11-19 -
用div和ul标签画表格进行布局兼容火狐、ie6、ie7、Opera等浏览器
复制代码代码如下:<html> <head> <style> <!-- #table { width:701px!important; width:700px; border-top:1px #000 solid; } #table ul { margin:0px; padding:0px; width:701px!important; wi...
作者:asdasdasd11-19 -
css textarea 高度自适应,无滚动条
用css控制textarea文本域的高度随内容的变化而变化,不出现滚动条. CSS代码: 复制代码代码如下: .t_area{ width:300px; overflow-y:visible } <textarea class="t_area"> 随便在这里输入内容,tex...
作者:asdasdasd11-19 -
FireFox中上层高度不影下层的解决办法
在写网站时,遇到一个差点让我抓狂的事情。以下是一个很简单的网页:
作者:asdasdasd11-19
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional... -
CSS分栏布局的方法:绝对定位和浮动
在CSS中,实现分栏布局有两种方法。第一种方法是使用四种CSS定位选项(absolute 、static、relative和fixed)中的绝对定位(absolute positioning),它可以将文档中的某个元素从其原本位置上移除,...
作者:asdasdasd11-19 -
CSS 网页布局网页制作技巧总结
CSS网页布局开发中,会有很多小技巧,这之类相关的文章在jb51.net有许多介绍,这里再扩展一下您所想要得到的知识,相信您会有很多收获! 一、ul标签在Mozilla中默认是有padding值的,而在IE...
作者:asdasdasd11-19