Articles of CSS

在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'); }

在Windows上,使用CSS3 @ font-face字体渲染可以很好地利用ClearType

首先是一些背景信息。 似乎在任何浏览器,任何版本的Windows(XP及更高版本)中,使用CSS3 @ font-face规则都可能以意想不到的方式与ClearType字体渲染交互。 当我遇到它时,我首先将其logging为Google字体目录错误 。 进一步的研究似乎产生了矛盾的信息。 启用或禁用ClearType可以帮助或伤害在Windows中的任何Web浏览器中呈现@ font-face字体的方式。 ClearType是否帮助或者伤害似乎完全依赖于正在使用的字体,以及它们内置什么样的提示。 例如,在ClearType为DISABLED时,TypeKit支持网站上的线程似乎指向字体呈现问题。 然而,当ClearType为ENABLED时,开发了一个jQuery插件来改善字体渲染,但是该插件仅适用于Internet Explorer。 有趣的是,当启用ClearType时,插件的演示页面上使用的字体渲染效果不佳,但是当禁用时,两个演示页面呈现相同/正确。 因此,鉴于所有的背景资料和以前的研究,我的问题是: 什么是最好的方式/妥协,以确保所有平台上的现代浏览器体面的字体呈现,无论Windows ClearType设置? 我的第一个想法是默认使用包含@ font-face字体的样式表。 JavaScript可以检测用户的操作系统,如果检测到Windows,可以编程方式修改样式表类,以使用不包含@ font-face字体的字体系列,以便使用系统原生的回退字体。 后来我意识到别人也想到了这个 。 尽pipe如此,这是一个拙劣而不雅的解决scheme。 理想情况下,我希望我的networking字体可以在不依赖于sIFR或Cufon之类的平台上使用。 有没有人有指点或更好的想法?

如何样式QPushButton的选中状态,以消除灰点?

我正在使用Qt 5.3.0。 当我在QPushButton的选中状态上应用一些背景颜色时,button将被填充灰色点(在我想要的背景颜色上)。 这里是一个小小的testing程序(使用qtcreator,但也可以通过编码来完成):1,创build一个qt应用程序2,拖动一个QPushButton,将其设置为平坦并可检查3,在w.show()之前添加这些行 w.setStyleSheet("\ QPushButton { \ color:white; \ } \ QPushButton:checked{\ background-color: rgb(80, 80, 80);\ }\ QPushButton:hover{ \ background-color: grey; \ border-style: outset; \ } \ "); 4,运行应用程序并检查button 你会看到button变成虚线,但我需要选中的button,作为rgb(80,80,80)的纯色。 我错过了什么?

在Windows上减lessCSS

试着在我的Windows机器上为CSS设置LESS ,我已经安装了ruby和rubygems,并且完全按照说明操作 。 我已经把C:\ teststyle.less 。 当我input lessc teststyle.less 编译成.css文件,我得到一个错误: The filename, directory name, or volume label syntax is incorrect. 在那些熟悉LESS的人中,你们有没有解决我的问题的方法? 我搞砸了安装?

Helvetica在Windows操作系统上呈现为Arial

在我的网站上, http://helvetitee.com ,我有以下字体堆栈: font-family: "helvetica neue", helvetica, nimbus-sans; Nimbus Sans(networking字体)从TypeKit中拉出来。 在Windows机器上,无论浏览器如何,用户都显示为Arial。 看来Helvetica被Windows渲染为Arial而不是回落到Nimbus(这是一个Helvetica克隆,因此更适合Arial)。 有没有办法,除了嗅探操作系统,以防止这一点? 这是一个已知的问题吗? 对于Windows而言,这似乎是一种自由,只是假设可以显示Arial而不是Helvetica。