Articles of CSS

资源被解释为样式表,但是以MIMEtypestext / html传输

这是我的html: <!DOCTYPE html> <html> <head> <meta http-equiv = "Content-Language" content = "en"/> <meta http-equiv = "Content-Type" content="text/html; charset=utf-8"> <link rel="stylesheet" type="text/css" href="/xxx/app/www/style.css"> 现在,当我加载页面时,Safari的检查员给我: 资源被解释为样式表,但是以MIMEtypestext / html传输 我正在和MAMP一起工作。 我不知道该修改什么才能使其工作。 我读到这可能是某种服务器问题。 我如何解决它?

在Chrome中无法使用CSS3 3D转换(Linux)

您将需要Linux Chrome才能看到此内容。 在我的开发网站spoilmebox.com (见底部的三个框),我的背面显示。 我该如何解决? CSS … .Qcontainer { position: relative; -webkit-perspective: 800; -moz-perspective: 800; perspective: 800; background: none; } .pumpkinhead { width:100%; height:15em; -webkit-transform-style: preserve-3d; -webkit-transition: 1s; -moz-transform-style: preserve-3d; -moz-transition: 1s; transform-style: preserve-3d; transition: 1s; } .Qcontainer:hover .pumpkinhead { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); } .face { position: absolute; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; […]

如何在Linux和Mac中使用Calibri字体

我的项目的所有文本都以我自己的方式input,在所有主stream浏览器的Window os中完美工作,但是当我们尝试在Linux或Mac上部署相同的项目时,字体样式(字体系列,大小)会发生变化, ,它看起来很奇怪。 它知道TTF(真正的字体)是所有的操作系​​统,直到现在,我得到了复制粘贴的方法,从Windows到Linux复制的calibri文件,但它不值得我。 我希望它不仅仅是一个特定的系统。

在networking上,我应该使用哪种字体来创build跨平台的等效体验?

由于Linux(及其变体)与Windows和Mac OS X有完全不同的字体集合,是否有任何人有任何创build跨平台字体系列的经验 – 理想上可以find上述操作系统中常见字体的等价物? 如果是这样,最好的路线是什么?

sed – 传递匹配到外部命令

我写了一个使用sed的脚本来改变这个: kaefert@Ultrablech ~ $ cat /sys/class/power_supply/BAT0/uevent POWER_SUPPLY_NAME=BAT0 POWER_SUPPLY_STATUS=Full POWER_SUPPLY_PRESENT=1 POWER_SUPPLY_TECHNOLOGY=Li-ion POWER_SUPPLY_CYCLE_COUNT=0 POWER_SUPPLY_VOLTAGE_MIN_DESIGN=7400000 POWER_SUPPLY_VOLTAGE_NOW=8370000 POWER_SUPPLY_POWER_NOW=0 POWER_SUPPLY_ENERGY_FULL_DESIGN=45640000 POWER_SUPPLY_ENERGY_FULL=44541000 POWER_SUPPLY_ENERGY_NOW=44541000 POWER_SUPPLY_MODEL_NAME=UX32-65 POWER_SUPPLY_MANUFACTURER=ASUSTeK POWER_SUPPLY_SERIAL_NUMBER= 转换为像这样的csv文件格式: kaefert@Ultrablech ~ $ Documents/Asus\ Zenbook\ UX32VD/power_to_csv.sh "date";"status";"voltage µV";"power µW";"energy full µWh";"energy now µWh" 2012-07-30 11:29:01;"Full";8369000;0;44541000;44541000 2012-07-30 11:29:02;"Full";8369000;0;44541000;44541000 2012-07-30 11:29:04;"Full";8369000;0;44541000;44541000 … (in a loop) 我现在想要的是将这些数字除以1.000.000,以使它们不代表μV,而代替μW代替V和W,以便快速浏览它们。 当然,我可以手动完成后,一旦我打开这个csv内libre办公室calc,但我想自动化它。 所以我发现,我可以在sed之间调用外部程序,如下所示: … s/\nPOWER_SUPPLY_PRESENT=1\nPOWER_SUPPLY_TECHNOLOGY=Li-ion\nPOWER_SUPPLY_CYCLE_COUNT=0\nPOWER_SUPPLY_VOLTAGE_MIN_DESIGN=7400000\nPOWER_SUPPLY_VOLTAGE_NOW=\([0-9]\{1,\}\)/";'`echo 0`'\1/ 而且我可以通过像这样的东西来获得我想要的值: echo "scale=6;3094030/1000000" | bc […]

我如何validation内部网页上的CSS?

我想检查内部网页,所以我不能直接使用W3Cvalidation服务。 我设法在本地运行XHTMLvalidation器,但是,我有一些与CSSvalidation程序的问题。 我真的不想安装Tomcat或Jigsaw以便能够运行Java servlet,命令行选项给我一个错误消息 Exception in thread "main" java.lang.NoClassDefFoundError: org.w3c.tools.resources.ProtocolException at org.w3c.css.css.CssValidator.main(CssValidator.java:164) 我如何validation一个Linux的本地CSS框?

Windows XP中的Internet Explorer 8

我目睹了Internet Explorer 8(IE8)是如何在Windows XP中以及它如何在Windows Vista / 7中的。 非常奇怪的是,IE8似乎像IE7的某些方面的CSS和JavaScript(也许也为其他元素)。 我是谁看到的东西? 否则,如果这是真的,为什么会发生这种情况,IE8的Windows XP和IE8的Windows Vista / 7的主要区别是什么?

奇怪的行为与Windows 10上的Firefox 10的边界

我正在尝试使用边界创build箭头,但是win7上的FF10不想玩球。 它在我的边框周围添加了一个1px的边框。 这里是一个JSFiddle的一个最小的例子: http : //jsfiddle.net/5jjVb/1/ 无论我设置的边框颜色是多less,额外的边框总是相同的颜色。 对于那些你不在FF或窗口7这里是一个截图: 这里是在OS X上的FF相同的箭头: 我总是可以将箭头的颜色更改为与额外边框相同的颜色,但是感觉不对。

当滚动条可见时停止浏览器调整网站大小

在Windows中,当滚动条可见时,它会改变网站的宽度,并使其显示为“跳跃”,但在Mac OSX中,滚动条只是hover在网站上,不会更改任何大小。 有没有办法强制在Windows中的滚动条行事相同?

字体平滑技术? Chrome 14.0.833.0或更高版本中的文本阴影渲染有所不同

编辑: 我们现在在Chrome 19上,这个问题还没有解决。 只是澄清:这发生在Windows上的Chrome,而不是Linux或Mac。 我认为这与Cleartype有关。 谷歌,请解决这个问题。 我一直在使用CSS3的text-shadow模拟IE9的其他浏览器的平滑字体。 基本上我只是将容器文本的文本阴影设置为容器的背景。 您可以通过在比Chrome 14.0.833更低的任何字体上对较大的字体元素设置text-shadow来查看该行为。 文字看起来很平滑。 删除文字阴影和字体看起来锯齿状。 但是,在Chrome 14.0.833(更新:出现它也在14.0.834“破碎”),这不再起作用。 文本 – 阴影属性仍然有效,但不像以前那样。 你可以看到这里的行为(只是装载了不同的Chrome版本)看起来好像在较旧的Chromes中,文本阴影在文本内部开始一点点,然后展开 – 这也许是为什么文本阴影黑客工作。 在较新的Chrome浏览器中,文本阴影似乎在文本之外启动,这就是为什么它不起作用。 看看我的意思。 我的问题基本上是 : 这是一个错误? 哪一个是预期的行为? 是否有任何其他字体平滑变通办法我可以使用? W3C的规范似乎没有说明预期的行为是什么,虽然我确实看到,也许我应该使用文本大纲(这是有点不受支持,这打破了目的)