CSS使用示例
2024-09-29 07:17:03
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样式表的方法
导入外部样式表
<style type="text/css">
@import "outer.css";
@import url("mycss.css");
</style>
使用内部样式
<style type="text/css">
样式定义
</style>
使用内联样式
style="
样式定义
"
CSS小结
CSS的学习其实就两块内容,1 选择器 2 样式设置
其他都是都如何设置样式,设置成什么样式进行使用
最新文章
- Mac下体验Hexo与Github Pages搭建
- ti processor sdk linux am335x evm /bin/setup-package-install.sh hacking
- vs2015 Xamarin.Android安装
- 重新温习,不但可以让自己对js更加的深刻认识,又能加深记忆,至此每天一次复习记录在此。
- iOS 检测版本更新
- BZOJ 2431 HAOI2009 在列的数目的顺序相反 递归
- activity 嵌套一级fragment,一级fragment嵌套二级fragment,在一级fragment中刷新二级fragment中的UI
- 一步一步学Java IO
- 解决md5不是windows平台FIPS验证的加密算法的一部分的怪异问题
- 并发编程(三):从AQS到CountDownLatch与ReentrantLock
- IPsec_VPN实现技术【转载】
- c++(非递归排序)
- Mysql8 查询事务隔离级别
- Android调用系统图库返回路径
- Nginx的configure各项中文说明
- CentOS 7 安装配置 Vsftpd
- mysql 分组排序前n + 长表转宽表
- CPP全面总结(涵盖C++11标准)
- 并行Linq
- 怎样绕开QQ通讯录和360的广播中断