DAY 5 HTML,CSS

1.什么是css:
CSS全称为Cascading Style Sheets,中文翻译为“层叠样式表”,简称CSS样式表,是一种用来表现HTML或XML等文件式样的计算机语言,是一种标准的样式表语言,用于描述网页的表示,即布局和格式。
2.html:结构      (类似于:房子的结构)
css:样式       (类似于:给房子装修)
JavaScript:行为   (与用户交互信息)
3. 创建标签的快捷键:单词+tab键-><单词>            
4.标签是可以上下排列,也可以组合嵌套
5.div标记: 
DIV标记,是一个区块级的HTML标记,在该标记之间可以添加段落、表格、图片等内容,使同一个DIV标 记中的元素具有相同的样式,并可在页面显示时同时出现、移动以及隐藏。 它的主要作用有以下两点:(1) 将一些标记元素组织起来,应用DIV的属性为这些标记元素定义统一的 样式;(2) 利用其z-index属性,实现页面内各元素的重叠显示效果;(3) 使页面上显示更多的特效功能 。
6.HTML5 标签含义之元素周期表:
https://www.juanzan.com/cha/html5/
7.!+tab键:快速创建html的初始代码(vs code)
8.注释快捷键:ctrl+/(vs code)或者CTRL+alt+a
9.html语义化:根据网页中的内容的结构,选择适合的HTML标签进行编写
10:标题->双标签:<h1>...</h1>  ...  <h6>...</h6>
在一个网页中,h1标签最重要,并且一个heml.文件中只能出现一次h1标签
h5,h6标签在网页中不经常使用
一级标题,二级标题......标题大小一个比一个小
(h标签)
11.段落->:双标签:<p></p>
(p标签)
12.文本修饰标签:<del>:删除文本
<ins>:插入文本
13.图片标签:
img 标签 :图片标签
作用: 在页面中显示一张图片
代码: <img src="图像URL" />
特点: 就是显示图片
属性:
src:图片显示的路径(必须)
alt:如果图片加载不出来,会显示这个属性中的文字
title:介绍这张图片
width:图片的宽度
height:图片的高度
图片宽高只设一个, 另一个会等比例缩放
两个都设可能会变形,所以一般我们只设一个。
14.绝对路径:
用的较少,可移植性差
相对路径:
用的很多,可移植性很好
同级目录
下级目录
 

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值