css里expression实现界面对象的批量控制
用过css样式我们就知道, 可以定义一批对象的class属性来指定同一个样式来统一界面. 但如何统一同类型的对象的事件? 比如:界面有无数个 <img src="**.jpg"> 如何实现鼠标经过此图片, 图片的src变成是**_over.jpg?
收藏 0赞 0分享
CSS教程:水平对齐(text-align)
水平对齐(text-align),用以设定元素内文本的水平对齐方式。
1.语法
text-align具体参数如下:
语法:text-align:left|right|center|justify
说明:设定元素内文本的水平对齐方式。
参数:left:左
收藏 0赞 0分享
写给刚刚接触web标准的新人们
div还是table?这是个问题……
自从web标准和网站重构的热潮席卷而来,到处都可以看到如下的问题:
问题1:怎么做1px高的div?
问题2:这个x行y列的table用div怎么实现?
问题3:css能不能实现拖动这个
收藏 0赞 0分享
动态加载外部css或js文件
原理解析:第一步:使用dom创建<script>或者<link>标签,并给他们附加属性,如type等第二步:使用appendChild方法把标签绑定到另一个标签,一般是绑到<head>.
应用:1、提高代码的复用,减少代码量;2、添加一
收藏 0赞 0分享
浏览器Quirksmode模式与CSSCompat模式
(资料备考 暂时不明白也无关系)
今天偶然看到了一道题中有这样一段:
在不同浏览器的Quirksmode和CSSCompat模式下都保持同一效果
其实对于学习标准的人可能更多的人熟悉Quirksmode,也许很多人(对JS不太熟悉的朋友)或许要问:CS
收藏 0赞 0分享
CSS布局实例:上中下三行,中间自适应
上中下三行布局,上下定高,中间栏自适应浏览器高度,且内容垂直居中。
firefox 2.0 / win ie 6/ win ie 7 /opera 8.5 cn/win safari 测试通过。
对于非ie内核浏览器,通过设定display:table
收藏 0赞 0分享
CSS初学者应该保持的一种心态
前几天有个人退群了。起因很简单,他问了一个问题,没人回答,于是说要退群,后来我看到了,给了个链接,说这个问题已经说过好多遍了,于是他就退了。
打开QQ的群列表,我所在的技术群有5个,不包括原来参加过又退了的。另外,还去几个论坛里看。看得多了,忽然觉得
收藏 0赞 0分享
基本的页面设计元素布局比例
基本的页面设计元素布局比例,给大家做个参考
标志图案:
位置
统计结果
左上角
收藏 0赞 0分享
CSS模块化设计——从空格谈起
引子:
今天在蓝点看了Yang的博客《CSS样式表中继承关系的空格与不空格》,思考了一下,本来想写《CSS样式的复合定义与复合调用及简单的模块化设计》,但是内容太大,还是来点简单的实惠。所以改叫《CSS样式——从空格谈起》吧。
一、空格运算符
(1)CSS
收藏 0赞 0分享
DIV CSS常见错误汇总
CSS+DIV是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用css div的方式实现各种定位。应用应用DIV CSS编码
收藏 0赞 0分享
我们需要对CSS进行缩写的原因
在进行WEB标准网页设计时,必不可少的是写入大量的CSS语法,一般情况下我们可以通过Dreamweaver软件的“CSS样式”面板自动生成相应的CSS代码。
不过虽然软件生成的CSS代码阅读清晰易懂,但就是由于CSS对条条样式定义的清晰解释,也就使得
收藏 0赞 0分享
从三方面加速CSS样式作用网页速度
最近学校的网络越来越慢了,浏览网页时经常出现裸奔的现象,于是我就想如何可以尽量避免这一问题,现把自己的一些思路写出来,以供大家参考:
在我们无法更换服务器或提高服务器速度的情况下,要想让我们的页面不"裸"在用户面前,只能从缩小页面、减少HTTP请求
收藏 0赞 0分享
XHTML CSS制作样式风格切换的WEB站点
随着XHTML的逐渐推广流行,HTML在许多场合已经显得过时。WorldWideWebConsortium(W3C)于2000年6月26日发布了XHTML的第一个版本作为推荐标准。XHTML标准的目标是取代html。按照W3C的说法,“XHTML是html的继承者&r
收藏 0赞 0分享
学DIV CSS技术,如何入门?
引言:
引用一本书中的一段文字:“当我第一次开始学习汉语时,我的家庭老师老王给了我一本汉英字典、一本汉语语法书和一本初级教程。但是,他将这些书放 在一个书筐里,并说到下周才能派上用场。在第一周,他只教我听和记一些短语。在开始严格有序的学习前,他要我
收藏 0赞 0分享
单行图片文字垂直居中问题——实战
使用表格的方法来表现设计效果
<style type="text/css">
<!--
body{
font-size:12px;
font-family
收藏 0赞 0分享
CSS属性选择器的四种格式
属性选择器(AttributeSelectors),或许你不应该对属性选择器感到陌生,从本质上说,id跟类选择器其实就是属性选择器,只不过是选择了id或者类的值(value)而已。
属性选择器的格式是元素后跟中括号,中括号内带属性,或者属性表达式(不知道描述是否正确,自创
收藏 0赞 0分享
CSS教程:text-indent隐藏文字出现虚线框outline
链接用图片做背景,text-indent:-9999px; 隐藏文字,此效果在 IE 中是正常的,但在 Firefox 里,鼠标点击该链接时,虚线框却会包住被缩进的文字,结果显示为虚线框 N 长。
因为平时是用overflow:hidden; 属性的,所以一直也没有
收藏 0赞 0分享
表单name与id的区别和相似之处
表单的name与id其实是同一个意思,都是为了标记对象名称。它们所不同的是:name是Netscape的、id是Microsoft的。
表单元素(form input textarea select)与框架元素(iframe frame)用name。
这些
收藏 0赞 0分享
CSS让网页里的提交按钮变得更漂亮
你是不是觉得自己的主页不够靓丽,想让它有所改变呢?听说过样式表格吗?就是CSS,它就是那个能让你更为准确地控制网页的东东。让我们先来看两个例子:
1、把按钮的背景由灰色变成黄色,下面是代码:
〈for
收藏 0赞 0分享
小技巧:网页制作中段落缩进的方法
在制作有关文档资料内容的网页时,如果是英文书写格式,段落一般不缩进;如果是中文格式则需要缩进,即段落开头要求空两个汉字的位置。
在实际制作中,有以下四种段落缩进方法,现介绍如下:
1.预格式(PRE)
用预格式编写的源文件,在显示时照源文件
收藏 0赞 0分享