Tag: CSS

如何解决“在UTF-8文件中find的字节顺序标记”validation警告

我有一个xhtml严格的文档下的validationxhtml页面 – 但是,我得到这个警告,我试图理解 – 并更正。 只是,我怎么find这个错误的“字节顺序标记”。 我使用Visual Studio编辑我的文件 – 不知道这是否有帮助。 警告在UTF-8文件中find字节顺序标记。 已知UTF-8编码文件中的Unicode字节顺序标记(BOM)会导致某些文本编辑器和旧浏览器出现问题。 您可能要考虑避免使用它,直到它得到更好的支持。

如何使用font-family lato?

如何使用font-family lato? 我用这样的风格,但不工作。 我能怎么做 ? 谢谢。 font-family: Lato, Helvetica, sans-serif; 链接: http : //www.google.com/fonts/specimen/Lato

你可以覆盖一个图像透明的div

我在下面的图片中运行了这个例子,这是在Flash中完成的,我想知道是否有一个类似的影响,有一个透明的框在图像的底部与文本是可能的CSS或其他什么闪光? http://www.ajaxline.com/files/imgloop.png http://www.ajaxline.com/files/imgloop.png

CSS3框阴影:两者,外部和内部

是否有可能创build一个3D效果的外部阴影和内部embedded发光? 我有一个石灰绿背景的div在蓝色的顶部。 到目前为止,我有以下几点: .greendiv{ background:darkgreen; box-shadow: box-shadow: 10px -7px 15px darkgray; box-shadow: lightgreen 0px 0px 3px inset; } 实际的颜色是#ffffff格式。 看来第二个声明取消了第一个声明。 有没有解决的办法?

如何防止浮动的div元素在浏览器重新resize时打包?

当浏览器被重新resize时,如何让DIV的左边相邻的浮动不被换行,使得视口变小? div { float: left; } 例如,当浏览器被完全最大化时, div就像这样排队: |div| |div| |div| |div| |div| |div| |div| |div| 但是,当浏览器重新resize这种情况发生: |div| |div| |div| |div| |div| |div| |div| |div| 当浏览器重新变小时,如何让div不能换行?

有一个在线工具来编译LESS吗?

我正在尝试在我的网页中使用LESS ,但在编译时遇到问题。 它的内置工作在ruby,我没有权限安装在我的电脑上。 有没有这个汇编的在线工具? 我知道Lessphp存在,但我不能再在他们的网站上find演示。 总而言之,我正在寻找一个快速而肮脏的解决scheme来编译LESS来在本地testing我的样式表。 理想情况下,这将与Microsoft Expression Web 4(为dreamspark的浩浩荡荡)整合,但我会很高兴“复制,粘贴,编译,复制,粘贴”的网页界面。 这样的界面是否存在?

在一个href标签内部放置一个img标签会在IE中导致图片周围的边框

我有一些HTML,我有一个href标签内的img标签用作button。 一切工作正常,除了当我打开它在IE浏览器,我周围的img标签边框。 这是一些代码: <a href="javascript:changecolor(1)" title="Click Again to Change Color" style="cursor:pointer; text-decoration:none"><img src="button.png" width="25" height="25" style="margin-top:600px;" /></a> <a href="javascript:changecolor(2)" title="Click Again to Change Color" style="cursor:pointer"><img src="button.png" width="25" height="25" style="margin-top:600px;" /></a> <a href="javascript:changecolor(3)" title="Click Again to Change Color" style="cursor:pointer"><img src="button.png" width="25" height="25" style="margin-top:600px;" /></a> <a href="javascript:changecolor(4)" title="Click Again to Change Color" style="cursor:pointer"><img src="button.png" width="25" height="25" style="margin-top:600px;" […]

如何使用CSS的内容属性添加html特殊字符(右箭头)?

我正在尝试使用其代码添加html特殊字符。 它的工作正常,当我在我的div中使用它,但我怎么能做到这一点使用CSS。 我已经尝试如下。 .right-arrow:after { content:'&#9658' } DEMO 编辑 我想要的不是Matt Ball的答案,因为我想要右箭头的代码,在这个问题中只有向下箭头的代码。 所以它不重复。

表单元宽度 – 固定宽度,包装/截断长词

我有一个包含不同长度文本的单元格的表格。 所有表格单元的宽度是相同的。 如果这意味着截断冗长的单词或者用长单词强行突破,那就没问题了。 我想不出有什么办法让这个工作。 这是用于内部客户端应用程序,因此只需要在IE6和IE7中工作。 下面是一个示例页面。 包含一个onereallylongword长字的单元是违规的单元。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> td { width: 30px; } </style> </head> <body> <table border="2"> <tr> <td>word</td> <td>two words</td> <td>onereallylongword</td> </tr> </table> </body> </html>

如何顶部,在跨越多行的<td>单元格中左alignment文本

我有以下的HTML代码: <table border="1"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td>$100</td> </tr> <tr> <td>February</td> <td rowspan="2">Save a lot</td> </tr> <tr> <td>March</td> </tr> </table> 使用CSS样式或其他方法,我可以使文本“节省很多”顶部,左alignment?