发表于： 2018-12-25 23:38:26
1 820
今日完成：
下载安装webstorm
web标准总结：结构标准：相当于人的身体。html就是用来制作网页的。表现标准：相当于人的衣服。css就是对网页进行美化的。行为标准：相对于人的动作。JS就是让网页动起来，具有生命力。
HTML的结构：
- 声明部分：主要作用是用来告诉浏览器这个页面使用的是哪个标准。<!doctype html>是HTML5标准。
- head部分：将页面的一些额外信息告诉服务器。不会显示在页面上。
- body部分：我们所写的代码必须放在此标签內。
常用的HTML标签：
html标题（heading）是通过<h1>-<h6>等标签进行定义的。
.png)
HTML段落（ paragraph）HTML段落是通过<p>定义的
HTML 链接
HTML 链接是通过 <a> 标签进行定义的
点它！页面跳转到了技能树官网。
HTML 图像
HTML 图像是通过 <img> 标签进行定义的。
html标签是分等级的，html将所有的标签分为两种：文本级标签：p、span、a、b、i、u、em。文本级别的标签只能放文字、图片、表单元素。容器级别标签：div、h系列、li、dt、dd。容器级标签里可以放任何东西。块级标签<div>和<span>div和span是非常重要的标签，div的语义是division“分割”；span的语义就是span"范围、跨度"。div标签的属性：
align="属性值"：设置块的位置。属性值可选择left、right、center
<span>和<div>唯一区别在于：<span>是不换行的，而<div>是换行的。如果单独在页面中插入这两行元素，不会对页面产生任何的影响。这两个元素是专门为定义CSS样式而生的。 或者说，DIV+CSS来实现各种样式。
div在浏览器中，默认是不会增加任何的效果的，但是语义变了，div中的所有元素是一个小区域。div标签是一个容器级标签，里面什么都能放，甚至可以放div自己。
span也是表达“小区域、小跨度”的标签，但是是一个文本级的标签。就是说，span里面只能放置文字、图片、表单元素。 span里面不能放p、h、ul、dl、ol、div。
那么什么是CSS呢？Cascading Style Sheets(层叠样式表)样式定义如果显示HTML元素样式通常存储在样式表中把样式添加到HTML4.0中，是为了解决内容与表现分离的问题。外部样式表可以极大提高工作效率外部样式表通常存储在CSS文件中多重样式可以重叠为一个
样式解决了一个普遍的的问题HTML标签原本被设计用于定义文档内容。通过使用<h1>、<p>、<table>这样的标签，html的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同时文档布局由浏览器来完成，而不使用任何的格式化标签。由于两种主要的浏览器（Netscape 和 Internet Explorer）不断地将新的 HTML 标签和属性（比如字体标签和颜色属性）添加到 HTML 规范中，创建文档内容清晰地独立于文档表现层的站点变得越来越困难。为了解决这个问题，万维网联盟（W3C），这个非营利的标准化联盟，肩负起了 HTML 标准化的使命，并在 HTML 4.0 之外创造出样式（Style）。所有的主流浏览器均支持层叠样式表。
样式表极大地提高了工作效率
样式表定义如何显示 HTML 元素，就像 HTML 3.2 的字体标签和颜色属性所起的作用那样。样式通常保存在外部的 .css 文件中。通过仅仅编辑一个简单的 CSS 文档，外部样式表使你有能力同时改变站点中所有页面的布局和外观。由于允许同时控制多重页面的样式和布局，CSS 可以称得上 WEB 设计领域的一个突破。作为网站开发者，你能够为每个 HTML 元素定义样式，并将之应用于你希望的任意多的页面中。如需进行全局的更新，只需简单地改变样式，然后网站中的所有元素均会自动地更新。
多重样式将层叠为一个
样式表允许以多种方式规定样式信息。样式可以规定在单个的 HTML 元素中，在 HTML 页的头元素中，或在一个外部的 CSS 文件中。甚至可以在同一个 HTML 文档内部引用多个外部样式表。
层叠次序
当同一个 HTML 元素被不止一个样式定义时，会使用哪个样式呢？一般而言，所有的样式会根据下面的规则层叠于一个新的虚拟样式表中，其中数字 4 拥有最高的优先权。
- 浏览器缺省设置
- 外部样式表
- 内部样式表（位于 <head> 标签内部）
- 内联样式（在 HTML 元素内部）
因此，内联样式（在 HTML 元素内部）拥有最高的优先权，这意味着它将优先于以下的样式声明：<head> 标签中的样式声明，外部样式表中的样式声明，或者浏览器中的样式声明（缺省值）。
CSS基础语法：css主要由两个主要的部分构成：选择器，以及一条或多条声明selector{declaration1;declaration2;...declarationN}选择器通常是你需要改变样式的HTML元素。每条声明由一个属性和一个值组成。属性（property）是你希望设置的样式属性（style attribute）。每个属性都有一个值。属性和值被冒号分开。selector{property:value}
为html添加几个标签，并尝试为其添加css样式
demo.css :
.png)
遇到的问题：
感觉标签好多呀，都要记住吗？
收获：
了解了什么是css以及它与html的关系
明日计划：
完成任务一
返回列表
评论