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

[HeadFrist-HTMLCSS学习笔记]第七、八章的更多相关文章

  1. opencv学习笔记（七）SVM+HOG

    opencv学习笔记(七)SVM+HOG 一.简介 方向梯度直方图(Histogram of Oriented Gradient,HOG)特征是一种在计算机视觉和图像处理中用来进行物体检测的特征描述子 ...

  2. VSTO学习笔记（七）基于WPF的Excel分析、转换小程序

    原文:VSTO学习笔记(七)基于WPF的Excel分析.转换小程序 近期因为工作的需要,要批量处理Excel文件,于是写了一个小程序,来提升工作效率. 小程序的功能是对Excel进行一些分析.验证,然 ...

  3. Python学习笔记（七）

    Python学习笔记(七): 深浅拷贝 Set-集合 函数 1. 深浅拷贝 1. 浅拷贝-多层嵌套只拷贝第一层 a = [[1,2],3,4] b = a.copy() print(b) # 结果:[ ...

  4. .NET MVC 学习笔记（七）— 控制input控件

    .NET MVC 学习笔记(七)— 控制input控件 画面中有时候需要输入数字,这时就需要控制input的输入.以下为保留两位有效数字. /* * 初始化数字输入 */ function initD ...

  5. 汇编入门学习笔记 （七）—— dp，div，dup

    疯狂的暑假学习之  汇编入门学习笔记 (七)--  dp.div.dup 參考: <汇编语言> 王爽 第8章 1. bx.si.di.和 bp 8086CPU仅仅有4个寄存器能够用 &qu ...

  6. React学习笔记（七）条件渲染

    React学习笔记(七) 六.条件渲染 使用if或条件运算符来创建表示当前状态的元素. 可以使用变量来存储元素.比如: let button = null; if (isLoggedIn) { but ...

  7. UFLDL深度学习笔记 （七）拓扑稀疏编码与矩阵化

    UFLDL深度学习笔记 (七)拓扑稀疏编码与矩阵化 主要思路 前面几篇所讲的都是围绕神经网络展开的,一个标志就是激活函数非线性:在前人的研究中,也存在线性激活函数的稀疏编码,该方法试图直接学习数据的特 ...

  8. Java NIO 学习笔记（七）----NIO/IO 的对比和总结

    目录: Java NIO 学习笔记(一)----概述,Channel/Buffer Java NIO 学习笔记(二)----聚集和分散,通道到通道 Java NIO 学习笔记(三)----Select ...

  9. 【转】Pandas学习笔记（七）plot画图

    Pandas学习笔记系列: Pandas学习笔记(一)基本介绍 Pandas学习笔记(二)选择数据 Pandas学习笔记(三)修改&添加值 Pandas学习笔记(四)处理丢失值 Pandas学 ...

随机推荐

  1. 一种小型后台管理系统通用开发框架中的Cache缓存设计

    本篇博客记录一下我在实习的公司的后台管理系统开发框架中学习到的一种关于网站的缓存(Cache)的实现方法,我会在弄懂的基础上,将该方法在.net core上进行实现.因为公司开发都是基于.net fr ...

  2. Python学习笔记之try-except

    Python使用被称为异常的特殊对象来管理程序执行期间发生的错误.每当发生让Python不知所措的错误时,它都会创建一个异常对象.如果你编写了处理该异常的代码,程序将继续运行:如果你未对异常进行处理, ...

  3. JAVA中调用外部程序，并等待其退出（涉及Runtime和ProcessBuilder）

    这段时间要写一个java调用外部程序的功能,踩了几个坑,这里分享一下. 首先用的是RunTime,调用代码如下: Process pro = Runtime.getRuntime().exec(&qu ...

  4. 搞Jedis案例出现问题，有大佬帮我看看怎么解决吗？先感谢大佬点进来看了---Day31

    今天学了Jedis的相关内容,然后做了一个案例,但是出现了错误,然后我百度了一晚上没有解决,想到看看发个博客能不能有大佬帮我看一下问题出现在哪里,百度了一晚上有点懵逼.求大佬帮我解决,在这小弟我先万分 ...

  5. Java中的集合类(List,Set.Map)

    1.List 1.1 Arraylist 与 LinkedList 区别 是否保证线程安全: ArrayList 和 LinkedList 都是不同步的,也就是不保证线程安全: 底层数据结构: Arr ...

  6. java--修饰符与常用规则

    修饰符总结 修饰符 类 成员变量 成员方法 构造方法 public Y Y Y Y default Y Y Y Y protected Y Y Y private Y Y Y abstract Y Y ...

  7. ios证书制作与上架指南

    项目开发完了,要上架 ios AppStore 记录一下经过,以及需要提前准备和预防的东西,以便下次省心! 一.首先要申请开发者账号: 账号按流程注册申请,当时申请了够10遍,总结以下经验: 1.申请 ...

  8. 为什么MES实施起来效果不佳？

    原因一:我国制造业存在管理基础的先天不足 我国企业与发达国家企业在管理发展上,存在较大的差别.发达制造国家经历了管理探索.发展.成熟.再提高的全过程,从管理基础的奠定到思想认识的深刻程度,都是我国所无 ...

  9. bugku insertsql

    题目链接 0X00题目给出的PHP代码 error_reporting(0); function getIp(){ $ip = ''; if(isset($_SERVER['HTTP_X_FORWAR ...

  10. 【LINQ】Select与SelectMany的区别

    Select() 和 SelectMany() 的工作都是依据源值生成一个或多个结果值.Select() 为每个源值生成一个结果值.因此,总体结果是一个与源集合具有相同元素数目的集合.与之相反,Sel ...