[HeadFrist-HTMLCSS学习笔记]第七、八章
2024-09-17 20:48:03
[HeadFrist-HTMLCSS学习笔记]第七章CSS入门:加一点样式
重点噻
- 段落添加背景颜色
p{ background-color: red; }
- 文本颜色
p{ color: ,maroon; }
,但是不改变链接的颜色 - 段落增加边界
p {
background-color: red;<!--背景颜色红色-->
border: 1px solid gray;<!-增加边框;1像素 灰色 实线--->
}
- 对标题加样式
h1,h2{
font-family: sans-serif;<!--针对h1元素-->
color: gray;
}
- 下划线
border-bottom: 1px solid black;
- CSS放入HTML中(方法一)
<head>
<title>XXX</title>
<style>
增加CSS样式
</style>
</head>
- CSS放入HTML中(方法二)
- 创建
XXX.css
文件 - 从主页面链接到外部样式表
- 创建
<head>
<lnk type="text/css" reli="stylesheet" href="XX.css">
注意没有<style>
[HeadFrist-HTMLCSS学习笔记]第八章增加字体和颜色样式:扩大你的词汇量
咚咚咚
font-family
属性决定字体类型
body{ font-family: Verdana, Geneva, Arial, sans-serif;}
font-size
属性控制字体大小
body{ font-size: 14px; }
font-color
属性设置文本颜色
body{ font-color: silver; }
font-weight
属性影响字体粗细,lighter->normal->bold->bolder
body{ font-weight: bold; }
font-decoration
属性设置文本划线- none
- 下划线underline
- 上划线overline
- 删除线line-through
body{ font-decoration: silver; }
最新文章
- Atitti 载入类的几种方法 &#160;&#160;&#160;Class.forName&#160;ClassLoader.loadClass&#160;&#160;直接new
- 2016huasacm暑假集训训练五 H - Coins
- 3dmax模型制作备忘录
- JavaScript正则表达式详解(一)正则表达式入门
- 《Android深度探索HAL与驱动开发》第一章阅读心得
- Cracking-- 1.1 判断字符串中是否有重复字符
- JavaScript定时器
- MyEclipse------缓冲流的使用
- iOS 保存CGRect,CGPoint到NSArray&#39;的方法
- 【python】filter()
- for_each()的返回值
- C# ?(问号)的三个用处(转载)
- Laravel 5 基础(六)- 数据库迁移(Migrations)
- 【笨嘴拙舌WINDOWS】剪切板
- 记录Access数据库更新操作大坑一个
- SlimDX和WPF的合作应用
- UGUI 锚点
- 提升html5的性能体验系列之四使用原生ui
- 为table元素添加操作日志
- java.lang.IllegalStateException: attempt to re-open an already-closed object