html中几种常用样式

body {
 background-color: #B5CDE7;
 font-family: "宋体";
 color: #174D7D;
 font-size: 12px;
 font-weight: bold;
 padding: 0px;
 margin: 0px;
 width: 100%;
 height: 100%;
}
table {
 border: 1;
 background-color: #F2F2F2;
 border-collapse: collapse;
 width: 100%;
 height: 100%;
}
td {
        BORDER-BOTTOM: #CDCDCD 1px solid;
        BORDER-LEFT: #CDCDCD 1px solid;
        BORDER-TOP: #CDCDCD 1px solid;
        BORDER-RIGHT: #CDCDCD 1px solid
    }

.loginCenter {
 z-index: 1;
 position: absolute;
 left: 0px;
 top: 20%;
 width: 100%;
 height: 60%;
}

.loginBackImg {
 z-index: 2;
 position: absolute;
 left: 0px;
 width: 100%;
 height: 100%;
}

.logintable {
 background-color: #166DA3;
 z-index: 3;
 position: absolute;
 left: 50%;
 top: 15%;
 width: 35%;
 height: 65%;
}

### HTML 外部样式表的几种写法及用法 HTML 外部样式表是将 CSS 样式代码保存在一个独立的 `.css` 文件中,并通过特定的方式将其引入到 HTML 文档中。这种方式能够实现结构与样式的完全分离,增强网页的可维护性和扩展性。以下是外部样式表的两种主要写法及用法: #### 1. 使用 `<link>` 标签引入外部样式表 这是最常见的外部样式表引入方式。通过 `<link>` 标签,可以将一个或多个外部 CSS 文件链接到 HTML 文档中。该标签通常放置在 HTML 文档的 `<head>` 部分。 ```html <head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head> ``` - `rel="stylesheet"` 表示该文件是一个样式表。 - `type="text/css"` 指定文件类型为 CSS(现代浏览器中此属性可以省略)。 - `href="mystyle.css"` 指定外部样式表的路径[^3]。 这种方式的优点包括: - 实现了 HTML 和 CSS 的完全分离。 - 浏览器会在页面加载时同时加载 `<link>` 引入的样式表,从而减少页面渲染延迟[^3]。 #### 2. 使用 `@import` 规则引入外部样式表 `@import` 是一种在 CSS 文件中导入其他 CSS 文件的方式。它也可以直接用于 HTML 文档中的 `<style>` 标签内。 ```html <head> <style> @import url("mystyle.css"); </style> </head> ``` 或者在另一个 CSS 文件中使用: ```css @import url("mystyle.css"); ``` - `url("mystyle.css")` 指定要导入的外部样式表路径[^3]。 需要注意的是,`@import` 的加载顺序会有所不同。当页面加载时,`@import` 引入的样式表会在页面内容加载完成后才开始加载,这可能导致短暂的无样式显示问题。此外,`@import` 只能被 JavaScript 控制 DOM 修改样式时无法生效[^3]。 #### 总结 - `<link>` 标签属于 XHTML 标签,功能强大且兼容性好,推荐优先使用。 - `@import` 是纯 CSS 提供的功能,适合在复杂的 CSS 文件中进行模块化管理,但存在加载性能问题和兼容性限制。 ```python # 示例代码:动态修改样式(适用于支持 QSS 的框架如 QT) style()->unpolish(ui->mybtn); # 移除原有样式 ui->mybtn->setStyleSheet(""); # 清空样式文件 style()->polish(ui->mybtn); # 加载新的样式 ```
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值