`
- 浏览:
265649 次
- 性别:
- 来自:
天津
-
- html, address,
- blockquote,
- body, dd, div,
- dl, dt, fieldset, form,
- frame, frameset,
- h1, h2, h3, h4,
- h5, h6, noframes,
- ol, p, ul, center,
- dir, hr, menu, pre { display: block }
- li { display: list-item }
- head { display: none }
- table { display: table }
- tr { display: table-row }
- thead { display: table-header-group }
- tbody { display: table-row-group }
- tfoot { display: table-footer-group }
- col { display: table-column }
- colgroup { display: table-column-group }
- td, th { display: table-cell }
- caption { display: table-caption }
- th { font-weight: bolder; text-align: center }
- caption { text-align: center }
- body { margin: 8px }
- h1 { font-size: 2em; margin: .67em 0 }
- h2 { font-size: 1.5em; margin: .75em 0 }
- h3 { font-size: 1.17em; margin: .83em 0 }
- h4, p,
- blockquote, ul,
- fieldset, form,
- ol, dl, dir,
- menu { margin: 1.12em 0 }
- h5 { font-size: .83em; margin: 1.5em 0 }
- h6 { font-size: .75em; margin: 1.67em 0 }
- h1, h2, h3, h4,
- h5, h6, b,
- strong { font-weight: bolder }
- blockquote { margin-left: 40px; margin-right: 40px }
- i, cite, em,
- var, address { font-style: italic }
- pre, tt, code,
- kbd, samp { font-family: monospace }
- pre { white-space: pre }
- button, textarea,
- input, select { display: inline-block }
- big { font-size: 1.17em }
- small, sub, sup { font-size: .83em }
- sub { vertical-align: sub }
- sup { vertical-align: super }
- table { border-spacing: 2px; }
- thead, tbody,
- tfoot { vertical-align: middle }
- td, th { vertical-align: inherit }
- s, strike, del { text-decoration: line-through }
- hr { border: 1px inset }
- ol, ul, dir,
- menu, dd { margin-left: 40px }
- ol { list-style-type: decimal }
- ol ul, ul ol,
- ul ul, ol ol { margin-top: 0; margin-bottom: 0 }
- u, ins { text-decoration: underline }
- br:before { content: "\A" }
- :before, :after { white-space: pre-line }
- center { text-align: center }
- :link, :visited { text-decoration: underline }
- :focus { outline: thin dotted invert }
- /* Begin bidirectionality settings (do not change) */
- BDO[DIR="ltr"] { direction: ltr; unicode-bidi: bidi-override }
- BDO[DIR="rtl"] { direction: rtl; unicode-bidi: bidi-override }
- *[DIR="ltr"] { direction: ltr; unicode-bidi: embed }
- *[DIR="rtl"] { direction: rtl; unicode-bidi: embed }
- @media print {
- h1 { page-break-before: always }
- h1, h2, h3,
- h4, h5, h6 { page-break-after: avoid }
- ul, ol, dl { page-break-before: avoid }
- }
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
Firefox的默认样式通常更接近W3C的标准,比如对于无浮动元素的自动换行处理。开发者可以查阅Mozilla Developer Network (MDN)获取详细的Firefox默认样式信息。 3. Webkit (Chrome) 默认样式表: - Chrome基于...
W3C(万维网联盟)是负责制定这些标准的组织,他们给出了关于HTML4的样式建议,旨在为开发者提供一种一致的默认样式,使得网页在不同浏览器上的呈现效果更加统一。然而,遗憾的是,各个浏览器厂商为了实现自有的特性...
CSS由选择器和声明组成,选择器定位我们想要样式的HTML元素,声明则定义具体的样式规则,如颜色、字体或布局。在创建菜单样式时,常见的选择器包括类选择器、ID选择器以及元素选择器。 菜单通常由`<ul>`(无序列表...
1. **研究浏览器默认样式**:了解每个浏览器如何处理HTML元素的默认样式,例如,有的浏览器可能默认会给`<p>`标签添加下边距,有的则没有。 2. **使用CSS重置或Normalize.css**:这些工具可以消除浏览器间的样式...
7. **全局样式**:Bootstrap还提供了全局的CSS样式,例如body标签的默认样式。这些样式包括设置字体大小、行高、字体颜色、背景颜色以及字体族。例如,body默认的字体样式被设置为"HelveticaNeue", Helvetica, Arial...
W3C作为标准化组织,推动了CSS的诞生,使得网页开发者可以通过外部样式表对整个站点进行统一的布局和样式管理。 CSS的高效性体现在它可以将样式定义保存在外部.css文件中,这样只需要修改样式表,就能即时更新所有...
默认的W3C盒模型(应用于现代浏览器)中,元素宽度和高度只包含内容,而IE盒模型则包含内容、内边距和边框。 总结,掌握这些CSS特殊样式和技巧,将有助于你更高效地构建美观且功能丰富的网页。无论是层的显示与隐藏...
JavaScript 诞生于1995年,最初由 Brendan Eich 为 Netscape 浏览器开发,后来成为 W3C 标准的一部分。 在 HTML 中使用 JavaScript,通常通过 `<script>` 标签引入。在 `<body>` 或 `<head>` 中放置 `<script>` ...
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">`。 2. **根元素(`<html>`)**: - `<html>`:这个标签表示整个HTML文档的根节点,所有其他元素都必须...
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">`。选择正确的 DOCTYPE 对于确保浏览器正确解析文档至关重要。 - **选择适合的 DOCTYPE**:对于 ...
#### 五、HTML元素分类 - **内联元素**(Inline Elements): - 特点:不独立占据一行,与其他元素在同一行内显示。 - 示例:`<a>`, `<span>`, `<em>`, `<strong>`, `<img>`, `<input>`, `<label>`等。 - **块级...
3. **层叠性**:当一个元素被多个样式定义时,它们按照特定的层叠顺序决定最终效果,即:浏览器默认样式、外部样式表、内部样式表(在`<head>`中)和内联样式(在HTML元素内部)。 4. **优先级**:内联样式具有最高...
现代浏览器默认采用W3C标准,但可以通过`box-sizing`属性切换。 3. **CSS控制盒模型**:通过`width`、`height`、`padding`、`border`和`margin`属性,开发者可以精确调整元素的各个部分。`box-sizing`属性用于设定...
默认的盒模型(W3C标准)包括内容(content)、内边距(padding)、边框(border)和外边距(margin)。IE盒模型将内容区域的宽度和高度包含了边框和内边距。 **布局模式** 1. **流体布局**:利用百分比单位实现...
- **浏览器战争的结束**:在20世纪90年代末至21世纪初,各大浏览器厂商的竞争导致了浏览器不兼容问题,随着W3C(World Wide Web Consortium)制定标准以及各大浏览器厂商遵循这些标准,浏览器之间的兼容性问题逐渐...
然而,为了确保在不同浏览器中的一致显示,需要注意编写符合W3C标准的CSS代码,并考虑对旧版浏览器的兼容性处理。 **总结** CSS作为网页设计的关键技术,提供了丰富的样式控制和表现分离的优势。通过外部、内部和...
HTML5是下一代网页标准,它在2014年正式成为W3C推荐标准,显著地增强了网页的交互性和表现力。此“html5个人网站源码”是一个理想的起点,尤其是对于初学者,想要了解和掌握HTML5的核心特性的实践应用。 首先,`...
使用W3C的HTML验证器,可以检查文档是否符合HTML标准,有助于找出并修复语法错误。 总的来说,HTML是构建网页的基础,理解其语法和标记语言是每个Web开发者的必备技能。通过熟练掌握HTML,可以创建功能丰富、结构...
当一个元素受到多个样式定义的影响时,会遵循一定的层叠规则,即:浏览器默认样式、外部样式表、内部样式表和内联样式,其中内联样式具有最高优先级。 CSS的语法由选择器和声明组成。选择器指向需要改变样式的HTML...