美文网首页
体验课01

体验课01

作者: BlingBling_WL | 来源:发表于2018-08-07 14:14 被阅读0次

Day01

什么是HTML?

HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言 (Hyper Text Markup Language)。
通向 WEB 技术世界的钥匙
目前网络上应用最为广泛的语言
构成网页文档的主要语言

本次案例中用到的HTML标签

header标签(头部标签),div标签(块标签),nav标签(导航栏标签),ul标签(无序列表标签),li标签(列表项标签)

代码示例:

<header>
    <div class="left">
        沈阳
    </div>
    <nav>
        <ul>
            <li class="choose1">正在热映</li>
            <li class="choose">即将上映</li>
        </ul>
    </nav>
</header>

a标签(超链接标签),img标签(图像标签)

<a href="go.html"><img src="image/a西虹市首富.jpg" alt="" class="mianimg"></a> 

strong标签(字体加粗标签),p标签(段落标签)

                    <strong>西虹市首富</strong>
                    <p>观众评分 <span class="score">9.1</span></p>

什么是CSS?

CSS是Cascading style Sheets的简称,我们叫做“层叠样式表”。
它用来美化我们的页面。

本次案例中设计到的css相关知识点

css的使用方式(最常用的外部样式表的使用)

1.新建一个外部的.css为扩展名的文件
2.在html文档中head标签中使用link标签引入外部的css文件

<link rel="stylesheet" href="demoStye.css">

css的基本语法

基本语法.png

css的基本选择器(这里只介绍两种)

基本选择器.png

本次案例中用到的CSS属性

font-size 改变字体大小
font-weight 改变字体粗细程度
color 改变字体颜色
text-decoration 改变文本装饰
text-align 设置文本水平对齐方式
line-height 设置文本行高
margin 设置外边距
width 设置宽度
height 设置高度
background 设置背景
float 设置浮动
border 设置边框
clear 清除浮动
padding 设置内边距
position 设置定位
z-index 设置文本堆叠顺序

相关文章

网友评论

      本文标题:体验课01

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