/*
* The default style sheet used to render HTML.
*
* Copyright (C) 2000 Lars Knoll (knoll@kde.org)
* Copyright (C) 2003, 2004, 2005, 2006, 2007, 2008 Apple Inc. All rights reserved.
*
* This library is free software; you can redistribute it and/or
* modify it under the terms of the GNU Library General Public
* License as published by the Free Software Foundation; either
* version 2 of the License, or (at your option) any later version.
*
* This library is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
* Library General Public License for more details.
*
* You should have received a copy of the GNU Library General Public License
* along with this library; see the file COPYING.LIB. If not, write to
* the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor,
* Boston, MA 02110-1301, USA.
*
*/
@namespace "http://www.w3.org/1999/xhtml";
html {
display: block
}
/* children of the <head> element all have display:none */
head {
display: none
}
meta {
display: none
}
title {
display: none
}
link {
display: none
}
style {
display: none
}
script {
display: none
}
/* generic block-level elements */
body {
display: block;
margin: 8px
}
p {
display: block;
margin: 1.0__qem 0px
}
div {
display: block
}
layer {
display: block
}
article, aside, footer, header, nav, section {
display: block
}
marquee {
display: inline-block;
overflow: -webkit-marquee
}
address {
display: block
}
blockquote {
display: block;
margin: 1__qem 40px 1em 40px
}
q {
display: inline
}
q:before {
content: '"'
/* FIXME: content: open-quote; */
}
q:after {
content: '"'
/* FIXME: content: close-quote; */
}
center {
display: block;
/* special centering to be able to emulate the html4/netscape behaviour */
text-align: -webkit-center
}
hr {
display: block;
margin: 0.5em auto;
border-style: inset;
border-width: 1px
}
map {
display: inline
}
/* heading elements */
h1 {
display: block;
font-size: 2em;
margin: .67__qem 0 .67em 0;
font-weight: bold
}
h2 {
display: block;
font-size: 1.5em;
margin: .83__qem 0 .83em 0;
font-weight: bold
}
h3 {
display: block;
font-size: 1.17em;
margin: 1__qem 0 1em 0;
font-weight: bold
}
h4 {
display: block;
margin: 1.33__qem 0 1.33em 0;
font-weight: bold
}
h5 {
display: block;
font-size: .83em;
margin: 1.67__qem 0 1.67em 0;
font-weight: bold
}
h6 {
display: block;
font-size: .67em;
margin: 2.33__qem 0 2.33em 0;
font-weight: bold
}
/* tables */
table {
display: table;
border-collapse: separate;
border-spacing: 2px;
border-color: gray
}
thead {
display: table-header-group;
vertical-align: middle;
border-color: inherit
}
tbody {
display: table-row-group;
vertical-align: middle;
border-color: inherit
}
tfoot {
display: table-footer-group;
vertical-align: middle;
border-color: inherit
}
/* for tables without table section elements (can happen with XHTML or dynamically created tables) */
table > tr {
vertical-align: middle;
}
col {
display: table-column
}
colgroup {
display: table-column-group
}
tr {
display: table-row;
vertical-align: inherit;
border-color: inherit
}
td, th {
display: table-cell;
vertical-align: inherit
}
th {
font-weight: bold
}
caption {
display: table-caption;
text-align: -webkit-center
}
/* lists */
ul, menu, dir {
display: block;
list-style-type: disc;
margin: 1__qem 0 1em 0;
-webkit-padding-start: 40px
}
ol {
display: block;
list-style-type: decimal;
margin: 1__qem 0 1em 0;
-webkit-padding-start: 40px
}
li {
display: list-item
}
ul ul, ol ul {
list-style-type: circle
}
ol ol ul, ol ul ul, ul ol ul, ul ul ul {
list-style-type: square
}
dd {
display: block;
-webkit-margin-start: 40px
}
dl {
display: block;
margin: 1__qem 0 1em 0
}
dt {
display: block
}
ol ul, ul ol, ul ul, ol ol {
margin-top: 0;
margin-bottom: 0
}
/* form elements */
form {
display: block;
margin-top: 0__qem
}
label {
cursor: default;
}
legend {
display: block;
padding-left: 2px;
padding-right: 2px;
border: none
}
fieldset {
display: block;
margin-left: 2px;
margin-right: 2px;
padding: 0.35em 0.75em 0.625em;
border: 2px groove ThreeDFace
}
button {
-webkit-appearance: button;
}
input, textarea, keygen, select, button, isindex, datagrid {
margin: 0__qem;
font: -webkit-small-control;
color: initial;
letter-spacing: normal;
word-spacing: normal;
line-height: normal;
text-transform: none;
text-indent: 0;
text-shadow: none;
display: inline-block;
text-align: -webkit-auto;
}
input[type="hidden"] {
display: none
}
input, input[type="password"], input[type="search"], isindex {
-webkit-appearance: textfield;
padding: 1px;
background-color: white;
border: 2px inset;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
cursor: auto;
}
input[type="search"] {
-webkit-appearance: searchfield;
-webkit-box-sizing: border-box;
}
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: searchfield-cancel-button;
display: inline-block;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: searchfield-decoration;
display: inline-block;
}
input[type="search"]::-webkit-search-results-decoration {
-webkit-appearance: searchfield-results-decoration;
display: inline-block;
}
input[type="search"]::-webkit-search-results-button {
-webkit-appearance: searchfield-results-button;
display: inline-block;
}
input::-webkit-input-list-button {
-webkit-appearance: list-button;
display: inline-block;
}
input::-webkit-inner-spin-button {
-webkit-appearance: inner-spin-button;
display: inline-block;
}
input::-webkit-outer-spin-button {
-webkit-appearance: outer-spin-button;
display: inline-block;
margin-left: 2px;
}
textarea {
-webkit-appearance: textarea;
background-color: white;
border: 1px solid;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
-webkit-box-orient: vertical;
resize: auto;
cursor: auto;
padding: 2px;
white-space: pre-wrap;
word-wrap: break-word;
}
input::-webkit-input-placeholder, isindex::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: darkGray;
}
input[type="password"] {
-webkit-text-security: disc !important;
}
input[type="hidden"], input[type="image"], input[type="file"] {
-webkit-appearance: initial;
padding: initial;
background-color: initial;
border: initial;
}
input[type="file"] {
-webkit-box-align: baseline;
text-align: start !important;
}
input:-webkit-autofill {
background-color: #FAFFBD !important;
background-image:none !important;
}
input[type="radio"], input[type="checkbox"] {
margin: 3px 0.5ex;
padding: initial;
background-color: initial;
border: initial;
}
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button {
-webkit-appearance: push-button;
white-space: pre
}
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
-webkit-box-align: center;
text-align: center;
cursor: default;
color: ButtonText;
padding: 2px 6px 3px 6px;
border: 2px outset ButtonFace;
background-color: ButtonFace;
-webkit-box-sizing: border-box
}
input[type="range"] {
-webkit-appearance: slider-horizontal;
padding: initial;
border: initial;
margin: 2px;
}
input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: sliderthumb-horizontal;
}
input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled,
input[type="file"]:disabled::-webkit-file-upload-button, button:disabled,
select:disabled, keygen:disabled, optgroup:disabled, option:disabled, datagrid:disabled {
color: GrayText
}
input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, input[type="file"]:active::-webkit-file-upload-button, button:active {
border-style: inset
}
input[type="button"]:active:disabled, input[type="submit"]:active:disabled, input[type="reset"]:active:disabled, input[type="file"]:active:disabled::-webkit-file-upload-button, button:active:disabled {
border-style: outset
}
area, param {
display: none
}
input[type="checkbox"] {
-webkit-appearance: checkbox;
-webkit-box-sizing: border-box;
}
input[type="radio"] {
-webkit-appearance: radio;
-webkit-box-sizing: border-box;
}
keygen, select {
-webkit-appearance: menulist;
-webkit-box-sizing: border-box;
-webkit-box-align: center;
border: 1px solid;
-webkit-border-radius: 5px;
white-space: pre;
-webkit-rtl-ordering: logical;
color: black;
background-color: white;
cursor: default;
}
select[size],
select[multiple],
select[size][multiple] {
-webkit-appearance: listbox;
-webkit-box-align: start;
border: 1px inset gray;
-webkit-border-radius: initial;
white-space: initial;
}
select[size="0"],
select[size="1"] {
-webkit-appearance: menulist;
-webkit-box-align: center;
border: 1px solid;
-webkit-border-radius: 5px;
white-space: pre;
}
datalist {
display: none;
}
optgroup {
font-weight: bolder;
}
option {
font-weight: normal;
}
/* datagrid */
datagrid {
height: 150px; /* We don't use width:300px in CSS, since we want width:intrinsic and width:min-intrinsic to reset to 300 properly. */
-webkit-appearance: datagrid;
-webkit-box-sizing: border-box;
-webkit-rtl-ordering: logical;
color: black;
background-color: white;
cursor: default;
border: 1px inset gray;
white-space: initial;
}
/* inline elements */
u, ins {
text-decoration: underline
}
strong, b {
font-weight: bolder
}
i, cite, em, var, address {
font-style: italic
}
tt, code, kbd, samp {
font-family: monospace
}
pre, xmp, plaintext, listing {
display: block;
font-family: monospace;
white-space: pre;
margin: 1__qem 0
}
big {
font-size: larger
}
small {
font-size: smaller
}
s, strike, del {
text-decoration: line-through
}
sub {
vertical-align: sub;
font-size: smaller
}
sup {
vertical-align: super;
font-size: smaller
}
nobr {
white-space: nowrap
}
/* states */
:focus {
outline: auto 5px -webkit-focus-ring-color
}
/* Read-only text fields do not show a focus ring but do still receive focus */
html:focus, body:focus, input[readonly]:focus {
outline: none
}
input:focus, textarea:focus, isindex:focus, keygen:focus, select:focus {
outline-offset: -2px
}
input[type="button"]:focus,
input[type="checkbox"]:focus,
input[type="file"]:focus,
input[type="hidden"]:focus,
input[type="image"]:focus,
input[type="radio"]:focus,
input[type="reset"]:focus,
input[type="search"]:focus,
input[type="submit"]:focus,
input[type="file"]:focus::-webkit-file-upload-button {
outline-offset: 0
}
a:-webkit-any-link {
color: -webkit-link;
text-decoration: underline;
cursor: auto;
}
a:-webkit-any-link:active {
color: -webkit-activelink
}
/* HTML5 ruby elements */
ruby, rt {
text-indent: 0; /* blocks used for ruby rendering should not trigger this */
line-height: normal;
}
ruby > rt {
display: block;
font-size: 60%; /* make slightly larger than 50% for better readability */
text-align: center;
}
ruby > rp {
display: none;
}
/* other elements */
noframes {
display: none
}
frameset, frame {
display: block
}
frameset {
border-color: inherit
}
iframe {
border: 2px inset
}
/* noscript is handled internally, as it depends on settings */
原水小子
- 浏览: 233921 次
- 性别:
- 来自: 济南
-
文章分类
- 全部博客 (143)
- linux (12)
- oracle (8)
- jdk (1)
- CentOS (10)
- 虚拟机 (1)
- Json (1)
- iBatis (3)
- spring (1)
- ExtJs (8)
- HTML (25)
- CSS (20)
- JS (49)
- Struts2 (3)
- Photoshop (1)
- web前端 (11)
- java (4)
- Knockout Js (3)
- 杂( ⊙o⊙ )? (1)
- Jquery (6)
- PhoneGap (3)
- jQuery Mobile (4)
- 移动开发 (3)
- android (5)
- VirsualSVN Server (1)
- NodeJs (5)
- UI&插件 (2)
- 数据库 (4)
- GitHub (1)
- 邮件 (3)
- MongoDB (2)
最新评论
-
xiajun612：
这样安装后，服务还是启动不了
Win8(.1) 安装VirtualSVN Server发生service visualSVN Server failed to start解决办法 -
原水小子：
pqiu 写道谢谢，成了，感谢您
客气，好东西就得分享
navicat for mysql 9.0.15注册码 -
pqiu：
谢谢，成了，感谢您
navicat for mysql 9.0.15注册码 -
原水小子：
jeffreyQiu 写道原水小子 写道敢问两位兄台尊姓大名？ ...
安装升级IE9后一直自动弹出微软页面 解决办法 -
jeffreyQiu：
原水小子 写道敢问两位兄台尊姓大名？jeffreyQiu 写道 ...
安装升级IE9后一直自动弹出微软页面 解决办法
分享到：
发表评论
-
FullPage.js的使用方法和设置
2016-02-19 16:38 6711fullPage.js的使用方法和设置 ... -
HTML5滤镜效果demo
2015-03-31 17:32 742<!DOCTYPE html> <htm ... -
CSS3改变浏览器滚动条
2014-12-18 11:13 845::-webkit-scrollbar { widt ... -
IE6/IE7/IE8下float:right显示异常的解决方法
2014-10-11 11:43 1396最简单的方法就是调换顺序，将需要右浮动的元素 ... -
使用Emmet时的HTML以及CSS缩写
2014-03-20 14:01 1211语法: 后代：> 缩写：nav>ul> ... -
android EditView 文本密码显示与隐藏
2013-10-21 21:11 1528//========================= ... -
HTML+CSS实现侧边栏收放
2013-08-30 23:06 4601<!DOCTYPE html PUBLIC " ... -
css图片变灰.html
2013-08-30 23:01 765<!DOCTYPE HTML PUBLIC &qu ... -
css图片滤镜大全
2013-08-30 22:59 665语法:STYLE="filter:filterna ... -
用Chrome浏览器模拟手机,android,iphone,ipad访问网站
2013-08-30 21:33 2512很多网站都通过User-Agent来判断浏览器 ... -
自适应屏幕宽度的网页设计（Responsive Web Design）——转
2013-06-22 22:09 1023自适应屏幕宽度的网页 ... -
溢出文字省略显示（非截取）
2013-04-03 13:35 13511.div中文字显示在一行，并将溢出的文字省略显示 ... -
去掉iframe横向滚动条_iframe滚动条
2013-01-07 17:06 1058主页面加IFRAME SCROLLING="Y ... -
jQuery操作Select【转】
2012-12-11 12:59 927jQuery是如何控制和操作select的。先看下面的html ... -
CSS技巧：word-wrap同word-break的区别
2012-12-06 21:56 701本文列举了兼容 IE 和 FF 的换行 CSS 推荐样式，详细 ... -
CSS边框阴影
2012-12-04 22:00 1064<!DOCTYPE HTML PUBLIC " ... -
网页防复制代码
2012-12-04 20:49 3523网页防复制代码 为保护作者的著作版权，有时需要在网页添加禁止 ... -
通过js+css防止网页复制（不仅限于文字）
2012-12-04 20:46 13121、firefox下可以通过css来禁止选择复制功能 ... -
控制网页背景、边框的透明度及全透明
2012-11-20 17:29 1123一、设置首页主体部分（中、下部所有模块）的背景颜色半透明设置 ... -
css实现input 输入框背景透明源码
2012-11-05 22:38 7612为了让带背景颜色的表单页面更美观，有时候需要把input 输入 ...
相关推荐
### Webkit内核浏览器默认CSS属性详解 #### 引言 在前端开发中，了解不同浏览器内核的默认样式设置对于实现跨浏览器兼容性至关重要。WebKit作为一款流行的浏览器引擎，被广泛应用于Safari、Google Chrome等浏览器...
WebKit是一个开源的Web浏览器引擎，被广泛用于许多操作系统和设备上的浏览器开发，包括Apple的Safari和Google的Chrome。在嵌入式系统中，WebKit因其轻量级、高性能的特性而受到青睐，允许开发者构建自定义的浏览器...
这个压缩包包含的是 WebKit 的完整源代码，对于理解浏览器内核的工作原理、进行定制开发或者深入学习网络技术具有极高的价值。 WebKit 内核主要由以下几个关键组件构成： 1. **LayoutEngine（布局引擎）**：负责...
"WebKit.NET-0.5"是一个将Chrome浏览器的内核WebKit移植到.NET框架的项目，使得开发者可以使用C#这种编程语言来创建自己的简单浏览器或Web应用。 WebKit是一个开源的渲染引擎，广泛用于许多浏览器，如早期的Safari...
- 判断WebKit内核：`/AppleWebKit/i.test(navigator.userAgent)` 4. **注意事项**：UserAgent字符串可以被用户修改，因此仅依赖它可能不够准确。此外，不同版本的浏览器可能会有细微变化，需要不断更新检测代码。 ...
除了这些主流内核，还有其他一些值得注意的内核，如Apple的WebKit（包括WebCore和KHTML），它被Safari、Chrome（早期版本）等浏览器采用，以及后来Google开发的Blink内核，基于WebKit但进行了优化，现已成为Chrome、...
Google Chrome 浏览器在其早期就采用了 WebKit 作为其渲染引擎，名为 "WebKit" 或 "Chromium" 内核。Chrome 通过引入自己的 JavaScript 引擎 V8 和多进程架构，显著提升了浏览器的性能和安全性。然而，随着时间的...
Duilib WebKit内核浏览器控件是用于Windows平台上的一个用户界面库，它提供了一种高效、便捷的方式来集成WebKit内核，实现具有现代Web浏览功能的桌面应用程序。这个控件基于BlaFans的Wke内核，Wke是一个轻量级、高...
浏览器内核是网络浏览器的核心组件，负责解析网页的HTML、CSS和JavaScript代码，将这些代码转化为用户在屏幕上看到的可视化布局。"web浏览器内核特性.pdf"这份文档可能详细介绍了不同浏览器内核的历史、功能和差异。...
例如，Webkit内核的浏览器支持`-webkit-`前缀的CSS3属性，而其他内核则需要使用无前缀或不同前缀的属性。 CSS Hack主要有三种类型： 1. 语法级Hack：利用浏览器对CSS语法解析的差异，比如上面提到的`_width`。 2. ...
WebKit内核，源自KDE项目，由Apple发展并推广，现在被广泛应用于Safari、Chrome等浏览器，以及许多移动设备，如iPhone和Android手机。WebKit以其开源、高性能和对Web标准的良好支持而著称，Google的Chrome浏览器使用...
深入理解WebKit内核源代码对于优化网页性能、开发自定义浏览器或增强网络功能的应用开发者来说至关重要。 WebKit主要由两部分组成：渲染引擎（WebCore）和JavaScript引擎（JavaScriptCore）。WebCore负责HTML和CSS...
4. **WebKit内核**：由Apple开发，最初用于Safari浏览器，是开源项目。WebKit是最早的Web渲染引擎之一，后来演变为包括两个分支：Google的Blink和Apple继续维护的WebKit。WebKit还在一些移动设备的浏览器中使用，如...
- **概述**：Trident 是微软Internet Explorer 浏览器的默认内核。因其广泛的应用范围，Trident 内核成为了许多其他浏览器的基础。 - **特点**： - **历史背景**：早期版本（如IE6）因不符合W3C标准而广受批评。 -...
这份"基于安卓Android的浏览器源码.zip"资源提供了深入了解Android浏览器开发的机会，对于学习和研究Android系统、网络编程以及移动应用开发的学生和专业人士来说，极具价值。下面我们将详细探讨其中涉及的关键知识...
3. WebKit内核：源于KDE项目的KHTML和KJS，是一个开放源代码的浏览器引擎。WebKit以其源码结构清晰和渲染速度快而著名，主要代表产品是Safari和Chrome。WebKit在移动设备上也非常流行，例如Android浏览器、iPhone...
WebKit2-7604.5.6 是一个特定版本的 WebKit 浏览器内核，WebKit 是一个开源的网页渲染引擎，被广泛应用于各种操作系统和应用程序中，包括著名的 Safari 和 Chrome 浏览器。这个版本号表示该内核在开发过程中的一次...
浏览器内核与浏览器前缀”将深入探讨浏览器内核的工作原理以及在CSS中使用浏览器前缀的重要性。 首先，我们来了解一下什么是浏览器内核。浏览器内核是负责解析HTML、CSS和JavaScript等Web页面内容的核心组件，它...
然而，随着Opera浏览器在2013年转向WebKit内核，Presto的使用逐渐减少。尽管如此，它在浏览器发展史上留下了深刻的印记。 ### WebKit WebKit最初是由苹果公司基于KHTML和libpng项目开发的，用于其Safari浏览器。...