草庐IT

article_body

全部标签

CSS & HTML5 : why does my body have a spacing at the top?

我不明白。我有……body,html{height:100%;margin:0;padding:0;}但是我的浏览器总是显示垂直滚动条,即使内容没有窗口那么高。在下面的屏幕截图中,如果我检查body,您可以看到顶部有这个小间距。html没有这个间距。知道是什么原因造成的吗? 最佳答案 您可能有一个带有margin-top的元素作为body的第一个子元素。继续阅读collapsingmargins.纯粹作为简单测试,在body上设置padding:1px。如果差距消失了,我是对的。 关于C

CSS & HTML5 : why does my body have a spacing at the top?

我不明白。我有……body,html{height:100%;margin:0;padding:0;}但是我的浏览器总是显示垂直滚动条,即使内容没有窗口那么高。在下面的屏幕截图中,如果我检查body,您可以看到顶部有这个小间距。html没有这个间距。知道是什么原因造成的吗? 最佳答案 您可能有一个带有margin-top的元素作为body的第一个子元素。继续阅读collapsingmargins.纯粹作为简单测试,在body上设置padding:1px。如果差距消失了,我是对的。 关于C

html - 调整窗口大小时缩放整个 body

我想创建一个没有响应的网站,但如果调整窗口大小,一切都会按比例放大/缩小,并保持相同的比例。小屏下字太小没关系,调整大小时防止元素重叠我试过使用:和$(document).ready(function(){$(window).resize(function(){calculateNewScale();});calculateNewScale();//iftheusergotothepageandhiswindowislessthan1920pxfunctioncalculateNewScale(){varpercentageOn1=$(window).width()/1920);$("

html - 调整窗口大小时缩放整个 body

我想创建一个没有响应的网站,但如果调整窗口大小,一切都会按比例放大/缩小,并保持相同的比例。小屏下字太小没关系,调整大小时防止元素重叠我试过使用:和$(document).ready(function(){$(window).resize(function(){calculateNewScale();});calculateNewScale();//iftheusergotothepageandhiswindowislessthan1920pxfunctioncalculateNewScale(){varpercentageOn1=$(window).width()/1920);$("

html - 我应该在哪个元素中包含 <article/> 的评论?

我正在开发一个实现Disqus评论的博客,我正在努力尽可能多地使用HTML5语义标记。这是一个示例(它本身在中),非常简单:TitlePostedonJuly28th2012.Loremipsumdolorsitamet...Loremipsumdolorsitamet...对于上述结构,我不确定在语义上将文章的评论整合到哪里。显然不合适(“页脚元素不是分段内容;它没有引入新的部分。”)Disqus使用异步JavaScript创建一个来包含评论小部件,因此似乎也不合适。我是不是对语义标记的事情想得太多了:最好只是将它粘贴到中而不用担心它吗? 最佳答案

html - 我应该在哪个元素中包含 <article/> 的评论?

我正在开发一个实现Disqus评论的博客,我正在努力尽可能多地使用HTML5语义标记。这是一个示例(它本身在中),非常简单:TitlePostedonJuly28th2012.Loremipsumdolorsitamet...Loremipsumdolorsitamet...对于上述结构,我不确定在语义上将文章的评论整合到哪里。显然不合适(“页脚元素不是分段内容;它没有引入新的部分。”)Disqus使用异步JavaScript创建一个来包含评论小部件,因此似乎也不合适。我是不是对语义标记的事情想得太多了:最好只是将它粘贴到中而不用担心它吗? 最佳答案

html - 应该在 html 元素还是 body 元素上设置全局 css 样式?

有时我看到人们将全局css样式应用于html,有时我看到他们将它们应用于body,同时使用原始css和javascript。两者有什么区别吗?制作全局css样式的标准是什么?在它们之间进行选择时有什么我应该知道的吗? 最佳答案 我假设这里的“全局页面样式”是指字体、颜色和背景等内容。就我个人而言,我主要将全局页面样式应用到body和简单的元素选择器(p、h1、h2、h3...、输入、img等)。这些元素与向用户呈现HTML页面的内容更密切相关。我的理由很简单:表示属性bgcolor、background、text、topmargin

html - 应该在 html 元素还是 body 元素上设置全局 css 样式?

有时我看到人们将全局css样式应用于html,有时我看到他们将它们应用于body,同时使用原始css和javascript。两者有什么区别吗?制作全局css样式的标准是什么?在它们之间进行选择时有什么我应该知道的吗? 最佳答案 我假设这里的“全局页面样式”是指字体、颜色和背景等内容。就我个人而言,我主要将全局页面样式应用到body和简单的元素选择器(p、h1、h2、h3...、输入、img等)。这些元素与向用户呈现HTML页面的内容更密切相关。我的理由很简单:表示属性bgcolor、background、text、topmargin

html - 在 body 中垂直居中一个div?

我试图在body中垂直居中(而不是水平居中)。另外,我不想指定高度或类似的东西。我尝试添加一个100%高度的包装器和其他东西,但没有成功。你能帮我解决这个问题吗?jsFiddleHereNext​ 最佳答案 参见thiseditedversionofyourjsFiddle.基本上,只需将您的内容包装在中即可,并添加以下CSS:html,body{height:100%;}.main{height:100%;width:100%;display:table;}.wrapper{display:table-cell;height:10

html - 在 body 中垂直居中一个div?

我试图在body中垂直居中(而不是水平居中)。另外,我不想指定高度或类似的东西。我尝试添加一个100%高度的包装器和其他东西,但没有成功。你能帮我解决这个问题吗?jsFiddleHereNext​ 最佳答案 参见thiseditedversionofyourjsFiddle.基本上,只需将您的内容包装在中即可,并添加以下CSS:html,body{height:100%;}.main{height:100%;width:100%;display:table;}.wrapper{display:table-cell;height:10