day01_html&css

来源：互联网发布：最新淘宝助理编辑：程序博客网时间：2024/06/14 01:04

HTML

Eclipse:没有插件.(自己装)(免费)
MyEclipse:包含大量插件.(收费)

HTML概念

HTML==> hyper text mark-up language==>超文本标记语言

超文本: 1.表达能力优于普通文本.声音 .图形等..        2.超链接

标记语言:标记构成的.(HTML XML XHTML)

HTML是干什么的?

    1.网页.    2.展示.

HTML是由谁来解析?

    浏览器来负责解析HTML.

HTML文档的后缀名?

    .html    .htm    以上两种后缀名没有区别.

文档构成:

    HTML文档.    最外层使用<HTML>标签包裹            <HEAD> 头 ==> 标题.网页属性信息,CSS..            <BODY> 体 ==> 正文.

标签写法:

    1.<>中包裹一个英文单词    2.所有标签不区分大小写(推荐使用小写)    3.标签分为两类        1>围堵标记=> 有开始标签 有结束标签        2>自闭合标签 => 例如 <br/>    注意:所有标记语言,标签中的英文单词没有以数字开头的.<>

HTML树图

这里写图片描述

CSS

CSS->cascade style sheet 层叠样式表

1.概念

    决定页面的样式.    1>.配色    2>.布局

2.CSS与 HTML的结合方式

    1> style属性    2> style标签    3> link标签引入

3.CSS的选择器

    1>标签选择器    2>ID选择器    3>class选择器    4>选择器分组    5>伪类选择器

4.CSS的基本语法

    选择器 {        属性键:属性值;        属性键:属性值1 属性值2 ....;    }    注释:与java中多行注释相同        /* 注释内容 */

5.CSS的常用属性

    单位:(了解)        颜色单位 Color Units             #RRGGBB    rgb ( R,G,B )    Color Name         长度单位 Length Units             em    ex    px像素(常用)    pt    pc    in    cm    mm         单位换算：1in = 2.54cm = 25.4 mm = 72pt = 6pc     属性:        color ==> 文字颜色        font-family ==> 文字样式        font-size ==> 文字大小        font-style => 文字样式(斜体..)        font-weight => 文字加粗        font-variant => 异性字

6.盒子模型

作业:    1.画一个页面    2.表格    3.css作业

盒子模型

这里写图片描述

0 0

day01_html&css

HTML

HTML概念

HTML树图

CSS

1.概念

2.CSS与 HTML的结合方式

3.CSS的 选择器

4.CSS的基本语法

5.CSS的常用属性

6.盒子模型

3.CSS的选择器