前端学习记录
  • 首页
  • 归档
  • 分类
  • 标签
  • 关于
  •   
  •   

路径

1.路径可以指定图像文件的位置 ​ 目录文件夹:普通文件夹,里面存放做页面需要的素材 ​ 根目录:打开文件夹的第一层就是根目录 1-1相对路径:图片相对于HTML页面的位置 相对路径分类 符号 说明 同一级路径 图像文件位于HTML文件同一级 如: 下一级路径 / 图像文件位于HTML文件下一级 如: 上一级路径 ../ 图像文件
2023-04-17
HTML
#HTML

表格标签

1.表格标签​ 用于显示、展示数据,可以让数据显示更有规律、有条理、可读性 1-1表格基本语法 如写一个两行三列的表格 123456789101112<table> <tr> <td>姓名</td> <td>性别</td> <td>年龄</td>
2023-04-17
HTML
#HTML

表单标签

表单标签为了收集⽤户信息,在⽹⻚中跟⽤户进⾏交互,收集⽤户资料就需要表单。完整的表单通常由表单域、表单控件(表单元素)和提示信息构成 1-1表单域表单域是⼀个包含表单元素的区域 < form >标签⽤于定义表单域 , 以实现⽤户信息的收集和传递 < form >会把它范围内的表单元素信息提交给服务器 123<from action= “ demo.php ” m
2023-04-17
HTML
#HTML

列表标签

列表标签表格⽤来显示数据,列表是⽤来布局,列表的特点是整⻬、有序,它布局会更⾃由⽅便 1-1无序列表(常用)* < ul >标签表示HTML⻚⾯中项⽬的⽆序列表,⼀般会以呈现列表项 < li >标签表示列表项 123456<ul> <li>列表项</li> <li>列表项</li> <
2023-04-17
HTML
#HTML

标题标签

1.标题标签1234<h1>一级标签</h1><h2>二级标签</h2>...<h6>六级标签</h6> 特点:一个标题独占一行 2.段落和换行标签1234<p> 段落标签,可以将网页分为若干个段落</p>&nbsp;空格标签<br/>换行标签,将文本强制换行<!--段落
2023-04-17
HTML
#HTML

Emmet语法

Emmet语法 Emmet语法前身是Zen coding,它使⽤缩写⽶提⾼ html / css的编写速度 ①快速⽣成HTML结构语法 ②快速⽣成CSS样式 ③快速格式化代码
2023-04-17
CSS
#CSS

CSS选择器的使用

HTML的局限性 ① 它只关注内容的语义 ⽐如< h1 >表明这是 标题,表明这是段落,表示此处有链接 ②丑 ③能写简单的样式,但步骤繁琐 CSS简介css是层叠样式表(Cascading Style Sheets)的简称,也称为 css样式表或级联样式表 css也是⼀种标记语⾔ css的主要作⽤就是美化⽹⻚、布局⻚⾯ ——( 设置HTML⻚⾯中⽂本内容,图⽚外形及版⾯的布局
2023-04-17
CSS
#CSS

CSS元素显示模式

元素显示模式 元素显示模式就是元素(标签)以什么方式进行显示,比如< div >自己占一行,一行可以放多个< span > HTML元素一般分为块元素(自己独占一行)和行内元素(一行可以放好多个) 1.块元素 常见的块元素有:~、、、、、等,其中**标签是最典型的块标签** 特点: 自己独占一行 高度,宽度,内外边距可控制 宽度默认是容器(父级宽度)的100% 是一个
2023-04-17
CSS
#CSS

CSS引入方式

CSS引入方式 CSS的三种样式表: 按照 CSS样式书写的位置(或引⼊的⽅式), CSS样式表 可以分为三⼤类:⾏内样式表(⾏内式)、内部样式表(嵌⼊式)、外部样式表(链接式) ①内部样式表 是写到HTML⻚⾯内部,将所有的 CSS代码抽取出来,单独放到⼀个< style >标签中 ▪ < style >标签理论上可以放在HTML⽂档的任何地⽅,但⼀般会放在⽂
2023-04-17
CSS
#CSS

CSS的三大特性

特性:层叠性、继承性、优先级 1.层叠性 相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。层叠性主要解决样式冲突的问题。 层叠性原则: 样式冲突遵循就近原则,哪个样式离结构近,就执行哪个样式。 样式不冲突,不会层叠
2023-04-17
CSS
#CSS
12

搜索

Hexo Fluid
鄂ICP备20011058号-1