[HeadFrist-HTMLCSS学习笔记]第七、八章

[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; }

转载于:https://www.cnblogs.com/orii/p/10888825.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值