小编Jit*_*yas的帖子

为什么第一段没有采取这种风格p:第一个孩子?

为什么第一段不采取这种风格 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中选择第一段?

css

10
推荐指数
2
解决办法
1万
查看次数

如何检测移动设备并获取用户代理信息只发送一次并将该信息保存到服务器上的数据库?

是否有任何脚本检查用户代理然后发送并将该信息保存到服务器上的数据库?

我正在制作移动网站,有m.facebook.comtouch.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所以用户代理应该保存在我的数据库中然后当下次任何用户打开网站时我会重定向自动下载移动版本,任何设备都不需要第二次检测.

javascript jquery wurfl mobile-devices mobile-website

10
推荐指数
1
解决办法
4万
查看次数

如何使用Firebug和Chrome Developer工具在不同媒体查询中调试css?

如何调试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)

css firebug google-chrome css3 media-queries

10
推荐指数
1
解决办法
1万
查看次数

这项技术用于调整Google Chrome新标签按比例使用的图片的大小是什么?

我在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 复制的数百个来源

我想知道用于重新调整图标大小的方法.

javascript css xhtml google-chrome

10
推荐指数
1
解决办法
1212
查看次数

9
推荐指数
1
解决办法
8392
查看次数

为身体{}增加行高的利弊是什么?

这是好添加line-heightbody{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

css xhtml

9
推荐指数
1
解决办法
6178
查看次数

每个带有doctype的html页面都需要互联网连接才能正确呈现页面吗?

许多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声明会使大量猜测变得不必要,从而触发"标准"渲染模式.

html xhtml doctype w3c

9
推荐指数
1
解决办法
3681
查看次数

"Source"和"Generated Source"有什么区别?

Firefox中"Source"和"Generated Source"有什么区别?

请举例说明.


编辑: 7月3日

哪个来源"搜索引擎"使用,生成或生成之前?

html browser firefox

9
推荐指数
3
解决办法
3103
查看次数

HTML,CSS远程调试是否适用于Android,iPad等移动和平板电脑?

HTML,CSS远程窃听是否适用于Android,iPad这样的手机和平板电脑?

例如,我想在Ipad网站上使用firebug,但是从我的桌面和firebug更改应该在iPad中看到.

我的问题不是专门针对Firebug,如果我可以使用Safari开发人员工具,IE 9开发人员工具栏或类似的工具,可以在页面上编辑live css,html.这样会好的.

注意:

我已经了解Firebug Lite.但我的问题是关于远程调试.

手机和平板电脑没有鼠标,所以在它们上使用Firebug lite是不方便的.

html css remote-debugging mobile-website ipad

9
推荐指数
1
解决办法
3057
查看次数

在css链接中没有媒体和媒体="全部"没有区别吗?

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)

html css

9
推荐指数
2
解决办法
3045
查看次数