随笔分类 - 前端基础
摘要:1 别人写的 地址链接 视频链接: https://www.bilibili.com/video/BV1TK4y1Q78s github链接: https://github.com/Lavender-z/demo 如果上不了,就下个dev-sidecar代理 效果 代码注释 <!DOCTYPE ht
阅读全文
摘要:非常简单——写案例就是了 网站(有不少前端培训的机构就会拿里面的素材,心里要留意):http://www.dmaku.com/moban/ 看那些大网站的页面布局,自己在已经经历一遍基础学习的情况下通过html+css+js来实现,至于有那些推荐能,看一下的博客。 分享11个web前端开发实战项目案
阅读全文
摘要:What CSS动画: 就是指元素从一种样式逐渐过渡为另一种样式的过程。 实现方式 transition 实现渐变动画 transform 实现转变动画 animation 实现自定义动画 实现方式 transition 实现渐变动画 思维导图 案例 点击查看代码 <!DOCTYPE html> <
阅读全文
摘要:《小工具》截图--FastStone Capture的下载链接 该工具可以测量像素、取色等等,可以方便后面HTML5+CSS3的的学习 就可以获取RGB或者十六进制RGB的值了 颜色 颜色单位: 在CSS中可以直接使用颜色名来设置各种颜色,比如:red、orange、yellow、blue、gree
阅读全文
摘要:长度单位 设置样式来控制页面中某些元素的显示长宽。 像素px 屏幕(显示器)实际上是由一个一个的小点点构成的 不同屏幕的像素大小是不同的,像素越小的屏幕显示的效果越清晰 所以同样的200px在不同的设备下显示效果不一样 案例一:我想设置一个边为200px的正方形 <!DOCTYPE html> <h
阅读全文
摘要:样式的冲突 当我们通过不同的选择器,选中相同的元素,并且为相同的样式设置不同的值时,此时就发生了样式的冲突。 案例一:使用类选择器与元素选择器选中同一元素,设置不同颜色 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" />
阅读全文
摘要:样式的继承的意思: 我们为一个元素设置的样式同时也会应用到它的后代元素上,如下的案例可以看到继承是发生在祖先后代之间的,而不会作用到元素外。 案例一:p标签中镶嵌span标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"
阅读全文
摘要:百科简介 层叠样式表 (英文全称:Cascading Style Sheets)是一种用来表现 HTML ( 标准通用标记语言 的一个应用)或 XML (标准通用标记语言的一个子集)等文件样式的计算机语言。 CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。 1. C
阅读全文
摘要:当我们使用VSCode时,输入!会自动帮助我们生成一个HTML5的模板结构,我们会发现它自动帮我们生成几个meta元素, 那么meta元素干嘛用的呢? 元素提供有关某个 HTML 元素的元信息 (meta-information),比如描述、针对搜索引擎的关键词以及刷新频率。它并不是给用户看的,而是
阅读全文
摘要:1. 表格标签 1.1主要作用 显示和展示数据美观、良好。 1.2基本语法 <table> <tr> <td>单元格内的文字</td> ... </tr> ... </table> <table></table>用来定义表格的标签 <tr></tr>标签用于定义表格中的行,必须镶嵌在<table><
阅读全文
摘要:视频链接: CSS如何让超宽文本替换为省略号 - Web前端工程师面试题讲解 第1步:设置宽度 width; 第2步:强制文本内容不换行,就在一行中显示 第3步:隐藏溢出的内容 第4步:对溢出的内容进行省略,但是不清楚从哪里开始,所以要有第2步
阅读全文
摘要:视频链接: 如何用纯CSS绘制三角形 - Web前端工程师面试题讲解 首先先看一下例子: 1.html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible"
阅读全文
摘要:视频链接: HTML元素属性href和src的区别 - Web前端工程师面试题讲解 B战用户——傅浥尘的总结内容 href (Hypertext Reference) 超文本引用 适用:link a 作用:是超链接,建立通道 ,用户需要时才用通过点击才能引用 src (Source) 适用:img
阅读全文
摘要:1.HTML语法规范 1.1 基本语法概述 HTML 标签是由尖括号包围的关键词,例如<html>。 HTML 标签 通常成对出现,例如 开始标签 和 结束标签 ,当然也有单标签</br> 1.2 标签关系 包含关系: 比如 head标签包含title标签 并列关系: 比如 head标签跟body标
阅读全文
摘要:1.网页 1.1 什么是网页 网站是网页的集合,网页是构成网站的基本元素,常用html格式文件 1.2 什么是HTML HTML 是 超文本标记语言(Hyper Text Markup Language),一种标记语言 (markup language),即一套标记标签(markup tag) 超文
阅读全文