前端学习1

前端学习笔记

HMTL：
什么是网页：网页是又各种视频，文字，图片组成而成后缀格式为html格式的文本
什么是HTML：html是一种超文本标记语言，一整套标记标签。
html常用标签：
标题标签

~

啊、常用来表达一篇文字或文章的标题使用，特点为文字字体加粗加大
strong/b 为字体加粗，
del/s为删除标签,
ins/u 为下划线表示
斜体为em/i，
p为段落标签，
br为换行，
div为盒子
图片标签为 img src为图片导入地址 alt为文本显示不出来时所提示的文字，title为光标点击到时显示的提示文字
表格：

列表：分为三大类： 第一类：有序列表

第二类：无序列表

第三类：自定义列表

dt相当于标题 dd为内容

表单
表示方法：input type=""；
属性有：
text 文本
radio 单选框 当想在两个值中选取一个值时 给多个单选内容加同一个类名 可以实现唯一值存在
button 普通按钮
submit 提交按钮 value 可以更改值
reset 重置按钮
flie 文件导入
checkbox 复选框 当想默认选取一个复选框时 可以加checked=“checked”

三大域
文本域：textarea 可以当留言评论
文件域：file可以导入文件
表单域：from 用于将此表单中内容提交给服务器

下拉列表

内容


在option中规定 selected 可以将此值设为默认选项
查询文档：
www.w3cshool.com
MDN

CSS
什么是CSS：CSS为标记语言，美化HTML结构，可以改变文字大小，文字样式，行间距，
HTML为结构，CSS为表现，布局页面
CSS基础选择器
标签选择器，类选择器，id选择器，通配符选择器*{}
在head头部中加style

CSS的三中导入方式
行内样式表：在标签中加style来添加字体或者其他样式 缺点只能给单个标签添加样式
内部样式表：在页面中head头部中添加style来表达样式 缺点结构和样式没有完全分开
外部样式表：link rel=“stylesheet(引入类型)” href：“文件名称路径”；
字体样式：
font-size: 字体大小
font-family:字体类型
font-weight:字体粗细
font-style:字体类型
可以用复合形式写
标签 {
font:normal 700 12px ’宋体“；
}
文本样式：
text-align=“center” 文本居中显示 right 文本靠右显示 left文本靠左显示
color 文本颜色
text-indent="" 行间距
line-height="" 文本缩进

emmet语法
可以配合tab键进行快速写出相要的代码
HTML：
兄弟类 标签+标签
父子类 标签>标签
想要多个数量标签 标签*数量
想要标签中添加内容 div{内容}+tab即可
生成ID名称 #名称+tab
生成类名称 .名称+tab

复合选择器
就是把基础选择器组合起来

后代选择器
标签空格标签 后面的标签可以继承前面标签的属性
子选择器
标签>标签 >后面的标签可以继承前面标签的属性
并集选择器
标签，
标签
所有的标签都可以得到要写出的属性

伪类选择器
a:hover 光标移动时
a:link 未点击时

input:focus {

}
用于选取或者获取光标的
用于表单
CSS的显示模式
分为三种
一：块元素
1.独占一行
2.可以改变高宽 width height
3.默认宽度为父级
4.可以装其它块元素和行元素，是一个盒子
二：行元素
1.可以一行放多个
2.不能设置宽高
3.默认宽度就是自己的宽度
4.不能放块元素，只能放行元素
三：行内块
1.可以一行放多个
2.可以设置宽高
3.默认宽度就是自己的宽度

转换属性
display:block 转为块元素
display:inline 转为行元素
display:inline-block 转为行内块元素