Articles of CSS

符合CSS 2.1的HTML到Microsoft Word的转换?

我在Prince XML中find了一个极好的HTML到PDF转换器。 现在我正在寻找类似的质量从HTML + CSS生成Word文档。 这是在PHP / Linux上。

资源被解释为样式表,但是以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框?

字体平滑技术? 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的规范似乎没有说明预期的行为是什么,虽然我确实看到,也许我应该使用文本大纲(这是有点不受支持,这打破了目的)

html没有链接到Visual Studio代码中的css文件

环境 Windows 8.1 64位 Visual Studio代码1.15.1 相关的问题 HTML不会链接到Visual Studio代码中的CSS文件 问题 HTML不链接到CSS CSS中的类和标识不会显示在HTML中的Intellisense上。 当我把光标放在html中的一个类或者id上,然后按F12跳到css时,popup一个窗口并显示“找不到定义”。 但是,当我在浏览器中打开HTML,网页显示完全正常。 所以,我的Visual Studio代码似乎有什么问题。 HTML <!DOCTYPE html> <html lang="en"> <head> <title>Test</title> <link rel="stylesheet" type="text/css" href="./css/style.css"> </head> <body> <div class="abc"></div> <div id="xyz"></div> </body> </html> CSS .abc{ width: 100px; height: 100px; background: red; } #xyz{ width: 100px; height: 100px; background: blue; } 档 的index.html CSS […]

Chrome 10 / Windows @ font-face编码的麻烦

有没有人在Chrome 10 / Win中独家遇到这种情况? 这两个网页字体中的所有非打破空格都不能正确渲染。 在IE7 / 8/9,Firefox,Safari和Chrome / OSX上工作。 我的fonts.css文件的内容: @font-face { font-family: 'Hellenic'; src: url('../fonts/eot/hellenic.eot?') format('eot'), url('../fonts/ttf/hellenic.ttf') format('truetype'), url('../fonts/woff/hellenic.woff') format('woff'), url('../fonts/svg/hellenic.svg#MCMHellenicWide') format('svg'); } @font-face { font-family: 'Lasalle'; src: url('../fonts/eot/lasalle.eot?') format('eot'), url('../fonts/ttf/lasalle.ttf') format('truetype'), url('../fonts/woff/lasalle.woff') format('woff'), url('../fonts/svg/lasalle.svg#FilmotypeLaSalle') format('svg'); } @font-face { font-family: 'LeagueGothic'; src: url('../fonts/eot/leaguegothic.eot?') format('eot'), url('../fonts/ttf/leaguegothic.ttf') format('truetype'), url('../fonts/woff/leaguegothic.woff') format('woff'), url('../fonts/svg/leaguegothic.svg#svgFontName') format('svg'); }