CSS使用示例

最新推荐文章于 2024-07-10 21:37:49 发布

weixin_30909575

最新推荐文章于 2024-07-10 21:37:49 发布

阅读量77

点赞数

文章标签： java

原文链接：http://www.cnblogs.com/sherrykid/p/4619990.html

版权

CSS的存在就是将网页的内容与内容展示的方式进行了分离。

使用CSS的方式有好几种，最常用的是通过引入外部CSS文件进行使用

HTML

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>链接外部CSS样式</title>
    <link href="00_CSS使用示例.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table>
    <tr>
        <td>疯狂Java讲义</td>
    </tr>
    <tr>
        <td>轻量级Java EE企业开发实战</td>
    </tr>
    <tr>
        <td>疯狂Ajax讲义</td>
    </tr>
</table>
</body>
</html>

CSS

/* 设置整个表格的背景色 */
table {
    background-color: #003366;
    width: 400px;
}
/* 设置单元格的背景色、字体等*/
td {
    background-color: #fff;
    font-family: "楷体_GB2312";
    font-size: 20pt;
    text-shadow: -8px 6px 2px #333;
}

其他使用CSS样式表的方法

导入外部样式表

　　@import "outer.css";

　　@import url("mycss.css");

</style>

使用内部样式

　　　样式定义

</style>

使用内联样式

style="

　　样式定义

CSS小结

CSS的学习其实就两块内容，1 选择器 2 样式设置

其他都是都如何设置样式，设置成什么样式进行使用

转载于:https://www.cnblogs.com/sherrykid/p/4619990.html

weixin_30909575

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS使用示例

CSS的存在就是将网页的内容与内容展示的方式进行了分离。使用CSS的方式有好几种，最常用的是通过引入外部CSS文件进行使用HTML<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>链接外部CSS样式&lt...
复制链接

扫一扫