前端的基本语法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表示边框之间的间隙
在这里插入图片描述
单元格的合并
colspan 每行单元格合并
rowspan 每列单元格的合并
表头 td 变th
超链接 p标签 标题标签 三者不能相互嵌套
radio单选 checkbox复选框
表单提交方式 get post
css用来修饰网页
在这里插入图片描述
span容器标签便于增加文本的样式,包裹文本
div可以包含任何内容,可以嵌套 默认宽度100%,高度0
div margin:auto容器居中
容器的行高与容器高度相同时,垂直居中
css的内部样式
在这里插入图片描述
分割线 :添加边框,让后只保留右边的边框
border-right solid
行内样式优先级大于内部样式
css优先级 行内样式 1000 ID选择器100 类选择器 10标签选择器1 通用选择器0
css内部属性
在这里插入图片描述
gif. 支持动画 256种颜色 jpg有损压缩
png无损压缩 svg记录图像颜色与图像
背景图的设置
在这里插入图片描述
元素的浮动,可以使div容器一排进行排列
在这里插入图片描述
子元素不会撑开父元素,因为子元素是浮动的,出占据空间,解决方式:
overflow:auto对于超出边界的浮动元素,父元素进行自我调整。
clear:left不受到左浮动影响。both都不受影响
盒子模型
元素本身,边框,边距
margin:auto
margin top bottom right left
填充 也可以称作内边距 padding
css的属性
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
元素三大类型

在这里插入图片描述
元素定位
position:absolute relative filex
鼠标划入样式
hover

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值