day01_html&css

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
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值