前端的基本语法1

前端的最基本语法内容

h1标题标签
i属性为斜体
hr分隔符 单
换行br 单
段落p
b标签字体变粗
空格nbsp
title网页标题
图片添加 img src=图片地址 单
图片大小设定 img src width height px %
图片的保存以及切图 ctrl shift alt s
title 表示鼠标划上去的提示 alt 表示失败后的文字
ul. li 无序 ol li 有序 type=…实心与空心排序
超链接 a href=跳转地址 target=blank
del删除线
sup2表示平方
u表示下划线
center居中显示
绝对地址:任何情况下都能找到的地址
相对地址:必须知道上一级地址
…表示上一级目录
表格标签table tr td border边框cell space表示边框之间的间隙
前端的基本语法1_第1张图片
单元格的合并
colspan 每行单元格合并
rowspan 每列单元格的合并
表头 td 变th
超链接 p标签 标题标签 三者不能相互嵌套
radio单选 checkbox复选框
表单提交方式 get post
css用来修饰网页
在这里插入图片描述
span容器标签便于增加文本的样式,包裹文本
div可以包含任何内容,可以嵌套 默认宽度100%,高度0
div margin:auto容器居中
容器的行高与容器高度相同时,垂直居中
css的内部样式
前端的基本语法1_第2张图片
分割线 :添加边框,让后只保留右边的边框
border-right solid
行内样式优先级大于内部样式
css优先级 行内样式 1000 ID选择器100 类选择器 10标签选择器1 通用选择器0
css内部属性
前端的基本语法1_第3张图片
gif. 支持动画 256种颜色 jpg有损压缩
png无损压缩 svg记录图像颜色与图像
背景图的设置
前端的基本语法1_第4张图片
元素的浮动,可以使div容器一排进行排列
前端的基本语法1_第5张图片
子元素不会撑开父元素,因为子元素是浮动的,出占据空间,解决方式:
overflow:auto对于超出边界的浮动元素,父元素进行自我调整。
clear:left不受到左浮动影响。both都不受影响
盒子模型
元素本身,边框,边距
margin:auto
margin top bottom right left
填充 也可以称作内边距 padding
css的属性
前端的基本语法1_第6张图片

前端的基本语法1_第7张图片
前端的基本语法1_第8张图片

前端的基本语法1_第9张图片
前端的基本语法1_第10张图片
元素三大类型

前端的基本语法1_第11张图片
元素定位
position:absolute relative filex
鼠标划入样式
hover

你可能感兴趣的:(笔记)