专栏首页一番码客前端基础-CSS基础(一)

前端基础-CSS基础(一)

本文目录

简介

快速入门参考

前面几天一番学习了前端三把斧头之HTML的一些基础知识,对HTML语法有了一个基础的认知,接下来的几天,一番开始学习CSS相关。

简介

  • 关系
    • HTML用于展示网页内容(毛坯房)。
    • CSS用于控制样式(装修工)。
    • Javascript控制行为(智能家电)。
  • 定义
    • 全称:Cascading Style Sheets,层叠样式表。
    • 定义HTML内容在浏览器中的显示样式。
  • 作用
    • 简化页面,减少网页体积,提高响应速度。
    • 将页面和显示分离。
    • 更好的维护网页,提高开发效率。

快速入门

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>一番码客</title>
        <style type="text/css">
            p{
                color: red;
                font-size: 150px;
            }
        </style>
    </head>
    <body>
        <p>一番码客</p>
    </body>
</html>
  • 规则:在head标签中声明style标签,在style标签中书写样式。
  • 格式:标签名{属性名:属性值;属性名:属性值;}。
  • 注释格式:/*我是注释*/。

参考

  • 黑马程序员 120天全栈区块链开发 开源教程 https://github.com/itheima1/BlockChain

本文分享自微信公众号 - 一番码客(efonfighting),作者:Efonfighting

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-12-07

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 前端基础-CSS基础(二)

    efonfighting
  • 前端基础-CSS基础(五)

    efonfighting
  • 前端基础-CSS基础(六)

    efonfighting
  • 【深度学习】图片风格转换应用程序:使用CoreML创建Prisma

    WWDC 2017让我们了解了苹果公司对机器学习的看法以及它在移动设备上的应用。CoreML框架使得将ML模型引入iOS应用程序变得非常容易。 ? 大约一年前,...

    AiTechYun
  • 日期类

    源哥
  • 梁雁鸣:Libra环境搭建与第一笔交易

    在本示例中,我们将下载必要的Libra组件,然后执行一笔Alice与Bob间的交易。

    辉哥
  • Java 对象的初始化过程_上

    本文主要以白话的形式 ‘简单’ 的描述在 java 中 new 对象的过程,之所以说是 ‘简单’ 的描述是因为,在本文中不会讲述底层的加载过程。

    Melody132
  • 10分钟教你用Visual Studio 2017将代码上传到GitHub

    关于微软的Visual Studio系列,真可谓是宇宙最强IDE了。不过,像小编这样的菜鸟级别也用不到几个功能。今天给大家介绍一个比较实用的功能吧,把Visua...

    短短的路走走停停
  • Java 加密工具类 AES , MD5 加密

    一个会写诗的程序员
  • DataGridView控件使用大全

    DataGridView控件使用大全:http://www.haogongju.net/art/847949

    跟着阿笨一起玩NET

扫码关注云+社区

领取腾讯云代金券