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.绝对路径:
用的较少,可移植性差
相对路径:
用的很多,可移植性很好
同级目录
下级目录
DAY 5 HTML,CSS
最新推荐文章于 2024-07-21 12:12:15 发布