分析HTML与CSS基础知识

这篇文章主要介绍“分析HTML与CSS基础知识”,在日常操作中,相信很多人在分析HTML与CSS基础知识问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”分析HTML与CSS基础知识”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

我们提供的服务有:成都网站设计、网站制作、微信公众号开发、网站优化、网站认证、兰坪ssl等。为千余家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的兰坪网站制作公司

术语

  1. web:互联网。

  2. w3c:万维网联盟,非盈利组织,官网:w3.org。为互联网提供各种标准。

    1. 代替网址:MDN:Mozilla Development Network。Mozilla开发者社区。有中文。

  3. ISO:国际标准组织。

  4. XML:可扩展的标记语言(extension markup language)用于定义文档结构。

HTML

  1. HTML是w3c组织定义的语言标准。HTML是用于描述页面结构的语言。

  2. HTML全称:Hyper Text Markup Language。超文本标记语言。

  3. 书写一个一级标题:

    一级标题

CSS

  1. CSS也是w3c定义的语言标准。CSS是用于描述页面展示的语言。(字体颜色,大小,布局等等。)

  2. CSS决定页面长什么样子。

  3. 执行HTML与CSS:用浏览器内核执行。

    版本和兼容性

    1. XHTML:可以认为是HTML的一个版本,完全符合XML的规范。但现在基本不用。

    2. HTLM5:2014出版。

    3. CSS3:目前还没有制定完成。

    4. IE:Trident内核。

    5. Firefox:Gecko内核。

    6. Chrome:之前为Webkit内核现在是Blink内核。

    7. Opera:Blink内核。

    8. Safari:Webkit内核。

    9. shell:外壳。

    10. core:内核(JS执行引擎、渲染引擎)。

    11. 浏览器由两部分组成:

    12. 世界上主流的浏览器(拥有自己的内核):

    开发环境的准备

    1. 显示文件扩展名(不懂可百度)。大部分文件:文件名+扩展名(后缀名)。

      1. 扩展名决定了文件被什么打开。

    2. 安装浏览器:推荐安装谷歌浏览器(推荐百度搜索Chrome,进入官网安装,以免安装有病毒)

      1. 谷歌浏览器始终与w3c标准同步。

      2. 将谷歌浏览器设置为默认浏览器

    3. 安装专业编辑器:

      • 术语

      • HTML

      • CSS

      • 开发环境的准备

      • HTML

      • 版本和兼容性

      1. Sublime

      2. ATom

      3. Dreamweaver

      4. vscode(推荐)
        目录:

        目录

    4. Emmet插件:自动生成html代码片段

    HTML

    1. 注释方法:Ctrl+?

    1. 元素(标签、标记,但官方称之为element(元素))

      1. 局部属性:某些元素特有的属性。

      2. 全局属性:所有的元素同用。

      3. 元素 = 起始标记(begin tag)+ 结束标记(end tag)+ 元素内容(element content)+ 元素属性(非必选)
        属性 = 属性名(href)+属性值

        text
        百度
        
            这是全局属性    
        
    1. 有些元素没有结束标记(故没有元素内容),叫做空元素

        
        空元素的两种写法:
        1.    
        2.       /:表示闭合标记,表示结束。
    1. 元素的嵌套:元素不能相互嵌套;父元素;子元素;祖先元素;后代元素;兄弟元素(拥有同一个父元素的两个元素)

    2. 标准的文档结构

    
        
        
        
        Document
        
    
        

    到此,关于“分析HTML与CSS基础知识”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!


    文章标题:分析HTML与CSS基础知识
    网页URL:http://myzitong.com/article/jjhejj.html