为什么第一段不采取这种风格 p:first-child
#content p:first-child {color:#4C4C4C;
font-size:1.2em;
font-weight:bold;
line-height:1.8;
margin-bottom:0.5em;}
<div id="content">
<h1>Welcome</h1>
<p>first paragraph</p>
<p>second paragraph</p>
<p>third paragraph</p>
</div>
Run Code Online (Sandbox Code Playgroud)
如何从CSS中选择第一段?
是否有任何脚本检查用户代理然后发送并将该信息保存到服务器上的数据库?
我正在制作移动网站,有m.facebook.com和touch.facebook.com两个版本,我想重定向到不同的手机.我使用WURFL设备检测.
因此,例如m.html5version.com应该提供给所有支持HTML5的设备,而m.mobileversion.com应该提供给所有其他手机.
所以我需要一种方法来使用任何服务器端或客户端方法第一次检测设备和浏览器.当任何用户第一次在设备上打开网站时,一旦应该收集有关设备和浏览器的信息,脚本应该运行,并且应该将信息保存在我现有的WURFL数据库中,所以下次当任何用户来自同一设备时,那么他将根据设备重定向到触摸或移动版网站.
因此,我只想在第一台设备上第一次检测设备并保存信息.
有没有办法做到这一点?
例如
Android 1.6没有HTML5支持,仍在使用中.所以我想将所有Android 1.6设备重定向到m.mobileversion.com而不是touch.mobileversion.com
而在网站的触摸版我使用HTML 5个标签,如<header>,<footer>,<nav>等,这是不支持的Android 1.6.所以我想检测第一个从Android 1.6设备访问网站的设备,因为1.6中不支持HTML5所以用户代理应该保存在我的数据库中然后当下次任何用户打开网站时我会重定向自动下载移动版本,任何设备都不需要第二次检测.
如何调试css的方向:Chrome Developer工具中的肖像?
我写的内容 (orientation:portrait)无法通过Firebug和Chrome Developer工具动态编辑.它始终显示正常的属性.
/*normal styles here */
#wrap {
width:1024px;
}
@media only screen and (orientation:portrait){
/* portrait styles here */
#wrap {
width:768px;
}
}
Run Code Online (Sandbox Code Playgroud) 我在Google Chrome 测试版的新标签中看到了此代码,如果安装了标签,则会显示图标.

他们正在使用任何技术来调整图像大小.
这是一个图标的html
<div class="app-img-container launch-click-target" title="Box Office" style="height: 97.56981132075472px; width: 97.56981132075472px; ">
<img class="" src="chrome://extension-icon/dhbbohlkjglcppclgngklojecglglinl/128/0">
</div>
Run Code Online (Sandbox Code Playgroud)
它是相关课程的CSS
.app-img-container {
margin-left: auto;
margin-right: auto;
-webkit-mask-size: 100% 100%;
}
.app-img-container > * {
height: 100%;
width: 100%;
}
Run Code Online (Sandbox Code Playgroud)
谁能告诉我他们使用的是哪种方法?它是基于Javascript吗?
要检查此项,您可以安装Google Chrome测试版并从Chrome商店安装一些应用,然后在Chrome中打开一个新标签.你会看到图标.
注意:它仅适用于Beta版本
这是我从视图源 http://jsbin.com/ikituc/edit#html中获取的Tab页面的完整来源
这是我从Chrome开发者工具HTML标签 http://jsbin.com/ekiqaf/edit#html 复制的数百个来源
我想知道用于重新调整图标大小的方法.
根据W3C,-negative margin或padding是无效的CSS?
这是好添加line-height的body{line-height:1.5}或者它会更好,如果我单独为标签由标签一样添加p{ line height:1em}等
编辑:
body {line-height:in em}如果我们将带有float的图像放在里面,就会产生问题
编辑:2010年4月24日:
如果我必须为元素添加不同的线高
喜欢
p {line-height: 1.4}
h1 {line-height:1.6}
h2 {line-height:1.2}
ul li {line-height:1.1}
Run Code Online (Sandbox Code Playgroud)
那我不应该使用行高 body {line-height:1.4}
如果body {line-height:1.4}和h1 {line-height:1.6}那么这将是行高度h1?
许多doctype使用url链接
像这样
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Run Code Online (Sandbox Code Playgroud)
这个dtd文件在实时网址http://www.w3.org/TR/html4/strict.dtd上
这个在线直播dtd的用途是什么,以及如何根据此doctype正确呈现任何页面(使用此doctype)而无法访问此URL(我的意思是如果无法访问互联网?)
更新:我从维基百科http://en.wikipedia.org/wiki/System_identifier找到了这个信息
在HTML和XML中,系统标识符是无碎片URI引用.它通常出现在文档类型声明中.在此上下文中,旨在标识专门用于一个应用程序的文档类型,而公共标识符旨在标识可跨越多于一个应用程序的文档类型.
在以下示例中,系统标识符是引号中包含的文本:
更新2:它只用于验证器吗?Dreamweaver等软件如何提供离线验证?
更新3:我从w3c网站http://www.w3.org/QA/Tips/Doctype中找到了这个信息
为什么要指定doctype?因为它定义了你的文档实际使用的(X)HTML 版本(适用于什么浏览器或验证器的版本?),这是一些工具所需的关键信息 (哪些工具?任何其他工具,然后验证器?)处理文献.
例如,指定文档的doctype允许您使用诸如标记验证器之类的工具来检查(X)HTML的语法.如果他们不知道您使用的是哪种文档,这些工具将无法工作.
但最重要的是,对于大多数浏览器系列而言,doctype声明会使大量猜测变得不必要,从而触发"标准"渲染模式.
Firefox中"Source"和"Generated Source"有什么区别?
请举例说明.
编辑: 7月3日
哪个来源"搜索引擎"使用,生成或生成之前?
HTML,CSS远程窃听是否适用于Android,iPad这样的手机和平板电脑?
例如,我想在Ipad网站上使用firebug,但是从我的桌面和firebug更改应该在iPad中看到.
我的问题不是专门针对Firebug,如果我可以使用Safari开发人员工具,IE 9开发人员工具栏或类似的工具,可以在页面上编辑live css,html.这样会好的.
注意:
我已经了解Firebug Lite.但我的问题是关于远程调试.
手机和平板电脑没有鼠标,所以在它们上使用Firebug lite是不方便的.
No media和media ="all"之间没有区别吗?
<link rel="stylesheet" type="text/css" media="all" href="style.css">
Run Code Online (Sandbox Code Playgroud)
和
<link rel="stylesheet" type="text/css" href="style.css">
Run Code Online (Sandbox Code Playgroud)