美文网首页
前端知识点(4)

前端知识点(4)

作者: 蓝色海洋_bd2b | 来源:发表于2019-03-24 20:14 被阅读0次

1.实体(转义字符):
(1): 实体:
1): 在HTML中预留了一些字符。
2): 这些预留字符是不能在网页中直接使用的。
3): 比如<和>,我们不能直接在页面中使用<和>号,因为浏览器会将它解析为html标签。
4): 为了可以使用这些预留字符,我们必须在html中使用字符实体。
5): 语法:&实体名;
(2): 字符实体:
1): 小于号 < _<
2): 大于号 > _>
3): 空格 _ 
4): 和符号& _&
5): 版权 _©
6): 引号” _"
7): 注册商标 _®
8): 商标 _™

  1. 开发工具:
    (1). 文本编辑器:
    1): 在Windows中我们只需要使用最简单的记事本就可以完成所有的网页的开发。
    2): 但是一般我们会使用一些具有提示功能的纯文本编辑器:
    — Notepad++(免费)
    — Sublime(收费)
    3): 当然还有很多其他的工具。
    (2). IDE:
    1): IDE(集成开发工具)
    2): IDE拥有比纯文本编辑器更加强大的提示功能,也是我们开发中用的比较多的工具。
    — DreamWeaver(收费)
    — WebStorm(收费)
    — Hbuilder(免费)
    3): 当然也有其他的IDE。
  2. 工具的选择:
    1): 上边说了那么多工具我们要使用哪个呢?
    2): 其实使用哪个工具都不重要,我们也不用费劲心机去讨论工具的好坏,找一个自己喜欢用的即可。
    3): 而且我们也要做到不依赖于某一个工具,我们要做到,即使只使用最简单的记事本,我们也可以照常开发。
  3. CSS介绍:
    (1). CSS:
    1): 层叠样式表(Cascading Style Sheets)
    2): css可以用来为网页创建样式表,通过样式表可以对网页进行装饰。
    3): 所谓层叠,可以将整个网页想象成是一层一层的结构,层次高的将会覆盖层次低的。
    4): 而css就可以分别为网页的各个层次设置样式。
    (2). 基本语法:
    1): CSS的样式表由一个一个的样式构成,一个样式又由选择器和声明块构成。
    2): 语法:
    — 选择器{样式名:样式值;样式名:样式值;}
    — p{color:red;font-size:12px;}
    (3). 行内样式:
    1): 可以直接将样式写到标签内部的style属性中,这种样式不用填写选择器,直接1编写声明即可。
    <p style="color: red;font-size: 30px"></p>
    2): 这种方式编写简单,定位准确。但是由于直接将css代码写到了html标签的内部,导致结构与表现耦合,同时导致样式不能够复用,所以这种方式我们不使用。
    (4). 内部样式表:
    1): 可以直接将样式写到<style>标签中。
    <style>
    p{color:red; font-size: 30px;}
    </style>
    2): 这样使css独立于html代码,而且可以同时为多个元素设置样式,这是我们使用的比较多的一种方式。
    3): 但是这种方式,样式只能在一个页面中使用,不能再多个页面中重复使用。
    (5). 外部样式表:
    1): 可以将所有的样式保存到一个外部的css文件中,然后通过<link>标签将样式表引入到文件中。
    <link rel="stylesheet" type="text/css" href="style.css">
    2): 这种方式将样式表放入到了页面的外部,可以在多个页面中引入,同时浏览器加载文件是可以使用缓存,这是我们开发中使用的最多的方式。

相关文章

  • 前端知识点(4)

    1.实体(转义字符):(1): 实体:1): 在HTML中预留了一些字符。2): 这些预留字符是不能在网页中直接使...

  • 前端知识点(4)

    盒子模型 使用width来设置盒子内容区的宽度 使用height来设置盒子内容区的高度 ...

  • 零基础开始学 Web 前端开发,有什么建议?(视频教程)

    WEB前端看似简单,其实不然,要学的知识点很多很杂,对于零基础学习前端的小伙伴来说,一份详细的前端学习知识点大纲尤...

  • 前端开发面试知识点大纲

    本文旨在加深对前端知识点的理解,资料来源于网络。 前端开发面试知识点大纲: 1.请你谈谈Cookie的弊端 coo...

  • 前端面试知识点总结(一)

    本文转发自github, 原文地址 前端开发知识点: 作为一名前端工程师,无论工作年头长短都应该掌握的知识点: 此...

  • Day006 - 感性认识JavaScript (2018-11

    知识点梳理: Web应用后端开发 -- web前端网络数据采集 -- 爬虫和前端开发人员交互 web前端 = HT...

  • 2018 前端面试准备

    前端面试常见问题按知识点分类整理 前端面试常考问题整理,按模块知识点分类,持续完善中... Front-end-D...

  • 前端训练营第一周学习总结

    前端训练营第一周学习总结 一、知识点 1.梳理前端技术的知识体系,展开html、js、css、api等知识点的内容...

  • ant design pro4发起网络请求

    前言:pro4的主题ui确实是美观,但是它涉及也是挺多前端比较多的知识点,而且baidu上面也是各种答案,各种版本...

  • 前端面试集锦(1)

    前端面试集锦(转载) 转载地址:前端开发面试题 以下皆为转载 前端开发知识点: 作为一名前端工程师,无论工作年头长...

网友评论

      本文标题:前端知识点(4)

      本文链接:https://www.haomeiwen.com/subject/uxtpvqtx.html