CSS学习中的一些技巧

一.: 表格内的文字不会自动换行,怎么办?

  有两种可能的情况:

  第一种,你用CSS把表格内文字的字体设置成了英文字体,这样在DW里表格内的文字不会自动换行,但这仅是DW里的显示效果,在IE里其实是可以正常换行的。如果希望在DW的编辑状态也能使文字自动换行,把表格内文字的字体设置为中文字体即可(例如“宋体”)。

  第二种,你在表格中输入了连串无空格的英文或数字,它们被IE识别为一个完整的单词,所以不会自动换行,遇到这种情况,你可以通过CSS把文字强行打散,例如:
   以下是引用片段:
<td style="word-break:break-all">……</td>

  二. : 怎么才能让层飘在Flash上面?

  在网页里把SWF文件设置为背景透明即可,具体做法:

  DW中,在SWF文件的属性面板中,点parameters,添加参数wmode,值选择transparent;或者直接修改网页的代码,在标志SWF文件属性的代码中添加:

以下是引用片段:

<param name="wmode" value="transparent">

  注意,这种效果只有IE支持。

  三. : 背景音乐因为页面的切换而无法连续播放,怎么让它连续播放?

  用分帧实现,把其中一个frame的显示高度(或宽度)定义为0,在其中设置背景音乐,另外一个frame内的页面切换不影响整个背景音乐的播放。

  例子:

以下是引用片段:
<html>
<head>
<title>框架页</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<frameset rows="0,*" frameborder="NO" border="0" framespacing="0"> 
<frame name="topFrame" scrolling="NO" noresize src="bgsound.htm" >
<frame name="mainFrame" src="main.htm">
</frameset>
<noframes>
<body bgcolor="#FFFFFF" text="#000000">
对不起,你的浏览器不支持框架的显示。
</body>
</noframes>
</html>

  四. : 改变IE的字体大小设置时,页面字体不发生改变,怎样实现?

  用CSS定义页面字体,例如:

以下是引用片段:
<style type="text/css">
<!--
body { color: #333333; font-family: "宋体", "Arial"; font-size: 9pt}
td { color: #333333; font-family: "宋体", "Arial"; font-size: 9pt}
-->
</style>

  基本上,设置了body和td的默认字体,就相当于定义了页面内大部分文字内容。

  注意,使用CSS定义好默认字体后,不要再使用这样的标签,这会屏蔽CSS的默认设置。

  五. : 绝对地址与相对地址?绝对定位与相对定位?

  绝对地址:形如http://www.66css.com/default.htm或file://d:/homepage/default.htm这样的地址,就是文件在网络或本地的绝对位置;

  相对地址:就是被链接文件相对与当前页面的地址,比如说,链接和当前页面同级的文件地址只要用“文件名”即可;链接当前页面下级子目录下的文件用“目录名/文件名”;链接当前页面上一级目录下的文件用“../文件名”;链接同级但在另外一个子目录中的文件用“../目录名/文件名”;链接根目录(你的网站的根目录,并非硬盘根目录)下的文件可以用“./文件名”的形式。实绝对和相对很容易理解的,相对就是有参照物的,绝对则是固定的。为什么我们提倡使用相对地址呢?打个比方说吧,如果你有一个index.htm,里面引用了images目录的一些图片,如果使用了相对地址,搬家的时候只需把原来这套东西全部上传到新的空间就行了,因为文件彼此之间的相对位置关系没有改变,所以这些地址仍然是有效的。但如果插入图片的时候使用了绝对地址,那空间地址一变,引用处的图片路径也要随之改变。当然,有时也会用到绝对地址,例如友情链接别人的主页等等。

  相对定位也是一样,如果是相对于一个单元格定位的层,单元格挪动到哪儿,层也就会到哪儿.用辩证的观点来看,其实绝对定位也是相对的,它和我们所说的相对定位的区别就在于,层的绝对定位是相对于浏览器的左边界和上边界而言,而层的相对定位是层相对于它的载体(表格或另外的层)而言~~

  六. : 如何取消链接的下划线?

  用CSS来实现:

以下是引用片段:
<style type="text/css">
<!--
a:link { text-decoration: none}
a:visited { text-decoration: none}
a:hover { text-decoration: none}
-->
</style>

  其中a:link 表示一般的链接样式;a:visited 表示已访问过的链接样式;a:hover 表示鼠标经过时的链接样式。text-decoration: none 表示无下划线,text-decoration: underline表示有下划线。

  如果三种链接状态的样式相同,也可以简化为:

以下是引用片段:
<style type="text/css">
<!--
a { text-decoration: none}
-->
</style>

时间: 2024-10-31 17:34:03

CSS学习中的一些技巧的相关文章

CSS学习中的瓶颈

  一.何为瓶颈? "瓶颈"指瓶子的颈部,相对狭窄.这是很传神的一个词,因为狭窄,因此难以突破:但是,一旦突破了,就是广阔天空(偌大瓶身)! 小弟不才,凑合画了个瓶颈示意图,如下: 图中,A → B → C → - 表示进阶,即相关技能的提升:①②③④则表示各个阶段要进入的瓶颈!这个适用于各行业,各学派. 杨过的武功学习与瓶颈 我们都看过<神雕侠侣>,为便于理解,我就以"神雕大侠"杨过的武功成长经历解释上图的含义: 各进阶阶段: 阶段A 武功杂:蛤蟆功,

WEB设计中CSS样式表应用小技巧十四例

css|web|技巧|设计|样式表     CSS是Cascading style Sheets的简称,中文译作"层叠样式表单",我把它叫作"层叠样式表",我感到这样顺口一点,没别的意思.实际上它是一组样式.你可能对CSS这个名词比较陌生,实际上无论你用Internet Explorer还是 Netscape Navigator在网上冲浪,几乎随时都在与CSS打交道,在网上没有使用过CSS的网页可能不好找.不管你用什么工具软件制作网页,都有在有意无意地使用CSS.用

CSS应用中十四个技巧精彩问答

css|技巧 CSS是Cascading style Sheets的简称,中文译作"层叠样式表单",我把它叫作"层叠样式表",我感到这样顺口一点,没别的意思.实际上它是一组样式.你可能对CSS这个名词比较陌生,实际上无论你用Internet Explorer还是Netscape Navigator在网上冲浪,几乎随时都在与CSS打交道,在网上没有使用过CSS的网页可能不好找.不管你用什么工具软件制作网页,都有在有意无意地使用CSS.用好CSS能使你的网页更加简炼,为

php获取CSS文件中图片地址并下载到本地的方法_php技巧

本文实例讲述了php获取CSS文件中图片地址并下载到本地的方法.分享给大家供大家参考. 具体实现代码如下: 复制代码 代码如下: /**  * 获取CSS中图片地址,并且保存到本地  */ class getInCssImage {            /**           *  图片保存下来          * @param $cssUrl css的url地址          * @param $dir 保存图片的目录          * @return void        

学习CSS优化的7项技巧

一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读.css缩写的主要规则请参看<常用css缩写语法总结>,这里就不展开描述. 二.明确定义单位,除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误.在HTML中你可以只写width=100,但是在CSS中,你必须给一个准确的单位,比如:width:100px width:100em.只有两个例外情况可以不定义单位:行高和0值.除此以外,其他值都必须紧跟单位,注意,不要在数值和单位之间加空格. 三.区分大小写 当在XHTML

使用PHP下载CSS文件中的图片的代码_php技巧

共享一段使用PHP下载CSS文件中的图片的代码 复制代码 代码如下: <?php //note 设置PHP超时时间 set_time_limit(0); //note 取得样式文件内容 $styleFileContent = file_get_contents('images/style.css'); //note 匹配出需要下载的URL地址 preg_match_all("/url\((.*)\)/", $styleFileContent, $imagesURLArray);

告诉CSS新手20个小技巧

感谢有了CSS,真是由于她的灵活性,网页的样式可以完全与代码分离.现在,你仅仅需要有CSS的基础知识,甚至是一个初学者也能够轻易的改变网站的外观. 在过去,我们大量依靠网站设计人员和程序员来帮忙更新网站,甚至一个十分简单的网页也是如此.感谢有了CSS,真是由于她的灵活性,网页的样式可以完全与代码分离.现在,你仅仅需要有CSS的基础知识,甚至是一个初学者也能够轻易的改变网站的外观. 无论你是准备用CSS来创建你自己的网页,还是仅仅想用她来改变你博客的外观,学习CSS基本原则都有助于为你打下CSS的

常用的10种CSS BUG解决方法与技巧

最常用的10种CSS BUG解决方法与技巧-浏览器兼容教程 CSS bug是布局中最头疼的问题.我们需要兼顾各种浏览器,以期待获得一致的效果. 非常遗憾的是各厂商之间的竞争导致很多问题的存在.而IE6与IE7在很多问题上也存在着很大的差别. 轻松的解决CSS bug是我们必须掌握的技能.现在整理出最常用的12种CSS BUG解决方法以及CSS BUG类的小技巧. 希望对您的学习.工作有所帮助,如果您依然有疑问, 一. 针对浏览器的选择器 这些选择器在你需要针对某款浏览器进行css设计时将非常有用

css学习笔记2

5.当同一个 HTML 元素被不止一个样式定义时,会使用哪个样式呢?一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字 4 拥有最高的优先权.浏览器缺省设置外部样式表内部样式表(位于 <head> 标签内部)内联样式(在 HTML 元素内部)因此,内联样式(在 HTML 元素内部)拥有最高的优先权,这意味着它将优先于以下的样式声明:<head> 标签中的样式声明,外部样式表中的样式声明,或者浏览器中的样式声明(缺省值).CSS 语法CSS 规则由两个主要的部分