我的网站在iPhone/Safari浏览器上呈现得很好,但有一个例外:我的文本输入字段有一个奇怪的圆形样式,对我网站的其他部分来说看起来并不好看.
有没有办法指示Safari(通过CSS或元数据)不对输入字段进行舍入并将其呈现为矩形?
您使用哪个HTML5重置CSS以及为什么?有没有你发现可以覆盖更多的案件?
我开始使用HTML5 Doctor's:http://html5doctor.com/html-5-reset-stylesheet/它似乎有用,但我想知道是否有更好的东西.
我无法弄清楚是否需要在我的bootstrap项目中添加normalize.css样式表.我正在使用最新版本的bootstrap,v2.3.2.
应用CSS重置后,我想恢复html元素的"正常"行为,如:p,h1..h6,strong,ul和li.
现在,当我说正常时,我的意思是例如p元素在使用时添加间距或回车结果,或者h1标签的字体和粗体的大小以及间距.
我意识到完全取决于我如何设置样式,但我想恢复一些更常见元素的正常行为(至少作为我稍后可以调整的起点).
我当然是初学者,但在发布之前我也进行了大量的搜索.我的div元素周围似乎有额外的空间.我还想指出我尝试了很多边框组合:0,填充:0等等,似乎没有任何东西摆脱白色空间.
这是代码:
<html>
<head>
<style type="text/css">
#header_div {
background: #0A62AA;
height: 64px;
min-width: 500px;
}
#vipcentral_logo { float:left; margin: 0 0 0 0; }
#intel_logo { float:right; margin: 0 0 0 0; }
</style>
</head>
<body>
<div id="header_div">
<img src="header_logo.png" id="vipcentral_logo">
<img src="intel_logo.png" id="intel_logo"/>
</div>
</body>
Run Code Online (Sandbox Code Playgroud)
这就是它的样子(我插入红色箭头以明确地调出额外的空间):

我期待蓝色直接与浏览器边缘和工具栏相邻.这些图像都是64像素高,并且具有与分配给#header_div的图像相同的背景颜色.任何信息将不胜感激.
我希望找到一个资源来排列HTML页面中的输入元素.我发现即使使用宽度样式属性也很难将选择元素和文本框设置为相同的宽度,并且在浏览器中更难以实现.最后,文件输入似乎无法达到相同宽度的跨浏览器.是否有任何好的指南或提示来完成这个?也许我应该设置一些默认的CSS属性.
我正在开发一个具有CSS Reset的遗留项目,*{ margin:0; padding:0 }适用于所有内容.现在,我的新代码不需要它,因为它依赖于Normalize.css.这不是什么大问题,但在某些地方我需要使用这两种风格.
我如何取消设置我的CSS?我已经能够做到*{margin:auto}这一点很好.填充也是如此.是否有相同的方法来重置填充.你是怎么解决这个问题的?
我已经创建了一个CSS类.press-title,但是我无法删除悬停时应用的背景颜色.
.press-title a:hover { background-color: none; text-decoration: none;}
Run Code Online (Sandbox Code Playgroud)
想法?
链接位于页面底部:
http://domdemarcos.com/typography/
编辑以反映回复所做的更改.
我的问题是,是否有可能为单个div和该div中包含的所有元素重置css样式(很多它们).
我问,因为我发现这个教程是一个jquery shoutbox,它有自己的css文件.我不能只将样式复制到我自己的css文件中,因为它会将已经设置好样式的页面上的其余部分搞定.
我想过使用divwrapper并将所有这些重置仅应用于那个.我只是不确定是否可能
我只知道这种方式
#divwrapper td{ set styles }
@CHARSET "UTF-8";
/******* GENERAL RESET *******/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td {
border:0pt none;
font-family:inherit;
font-size: 100%; …Run Code Online (Sandbox Code Playgroud)