CSS

选择器/修改颜色

<style>
   h1{color: red}
</style>#元素选择器 把第一标题改为红色

<style>
  .red-text{    #Html中不需要.
   color: red;
   }
</style>#类选择器
<h1 class="red-text">Hello World!</h1>#第一标题类选择器为red-text,把第一标题变为红色
  • 注:如果想让一句话有两种颜色,只需在p标签中加入一个a标签

修改字体和大小

p{
   font-size: 16px;
} #修改p标签字体大小为16号

p{
  font-family:Lobster,Monospace;
}#修改p标签字体为谷歌字体,谷歌字体不可用时自动降级为Monospace

<link href="https://fonts.gdgdocs.org/css?family=Lobster" rel="stylesheet" type="text/css">#放在上面引用谷歌字体

注意事项

  • 代码后面记得加;
  • 类选择器名字前记得加. (html除外)
  • 写代码要有头有尾
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 本文主要是起笔记的作用,内容来自慕课网. 认识CSS样式 CSS全称为“层叠样式表 (Cascading Styl...
    0o冻僵的企鹅o0阅读 2,756评论 0 30
  • 什么是选择器 每一条css样式声明(定义)由两部分组成,形式如下: 在{}之前的部分就是“选择器”,“选择器”指明...
    小挠许阅读 452评论 0 1
  • html 标签的意义 : 根标签,是网页的开始和结束 : 头部 很多描述属性 会显示在网页标题栏中 不会展...
    linyaDu阅读 913评论 0 1
  • 本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 3,470评论 0 5
  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 3,476评论 0 40

友情链接更多精彩内容