前端学习篇
梨花不负韶
前端学习ing
展开
-
过渡——CSS3动态效果 过渡属性
过渡——CSS3动态效果 过渡属性一、什么是过渡:通过 css3 可以在不使用 flash 动画或 javascript 的情况下,为元素从一种样式变换为另一种样式时添加过渡效果。 css3 过渡就是元素从一种样式逐渐改变为另一种的效果,需要确定两点: 需要添加效果的 css 属性 效果的时长 二、过渡属性:过渡有四个属性:transition-property 、transition-duration 、transition-timing-function 、transiti.原创 2020-12-27 17:24:26 · 4506 阅读 · 3 评论 -
前端学习之基础篇——盒模型
前端学习之基础篇——盒模型一、简介概念、内容 content、内边距 padding、边框 border、外边距 margin二、盒模型1、概念css盒模型本质是一个盒子,封装周围的html标签2、内容 contentwidth: 设置宽度 height: 设置高度3、内边距(填充区域)padding单边内边距:padding-top padding-bottom padding-left padding-right 简写 : 一个值:表示四个方向的内边距.原创 2020-12-13 22:00:04 · 170 阅读 · 0 评论 -
前端学习之基础篇——背景、字体与文本
前端学习之基础篇——背景、字体与文本一、简介背景与文本二、背景 background-color : red background-image: url(./img/bg.jpg) background-repeat: no-repeat background-size: 50% 50% background-position: 50% 50% background:red url(./img/bg.jpg) no-repeat top原创 2020-12-13 21:31:28 · 164 阅读 · 0 评论 -
前端学习之基础篇——表格
前端学习之基础篇——表格HTML表格1、表格的基本结构 table: 表格最外层大标签 tr: 表格每一行 td: 表格每个单元格,默认居左 <body> <!-- 表格 表格结构标签 table 表格大标题 tr 表格每一行 td 表格单元格 th 自带居中效果原创 2020-12-13 21:14:32 · 179 阅读 · 0 评论 -
前端学习之基础篇——标签(一)
块级标签一、标签标签分为三类:块级标签、行内标签、行内块标签二、块级标签1、列举<div></div> <p></p><h1></h1>……<h6></h6><ul> <li></li> </ul> <ol> <li></li> </ol><dl> <dt...原创 2020-12-13 20:54:21 · 632 阅读 · 0 评论 -
前端初学之准备篇(二)
前端初学之HTML篇一、html基本语法与结构html定义与后缀名hyper text markup language (超文本标记语言),不是编程语言 .htmlhtml基本语法标签结构: 开始标签开始,结束标签结束,内部可以包含文字或者其他标签。 例如:<html><\html> <body><body> 空标签,只有开始标签,没有结束标签。 例如:<hr> <br> &..原创 2020-12-13 19:34:41 · 74 阅读 · 0 评论 -
前端初学之准备篇
vscode编译器的使用快捷键 复制本行到下一行 shift+alt+↓ 复制本行到上一行 shift+alt+↑ 查找 ctrl+F 替换 ctrl+H 同时写多行 1.按住鼠标滑轮向下滑动,可以出现多个光标 2.按住alt键,点击左键,可以不同位置,出现光标 浏览器内核 浏览器的渲染引擎,作用是解析我们代码成为画面 五大浏览器及其内核(都是自主研发内核) chrome谷歌 fir...原创 2020-12-09 22:29:47 · 64 阅读 · 0 评论 -
前端初学之概述规划篇
HTML初学教程之规划篇这里将前端学习划分为六个阶段。具体内容将在后面一一展开。一、六阶段简介第一阶段:CSS/HTML5第二阶段:JS交互第三阶段:node开发第四阶段:前端框架 vue react第五阶段:小程序与数据可视化第六阶段:项目实训二、前端工程师的工作职责1、熟练掌握JavaScript,熟悉HTML5前端开发技术,熟悉DIV+CSS布局2、能使用原生的JavaScript或jQuery制作出页面常用的表现层动态效果3、根据工作安排高效.原创 2020-12-09 22:11:11 · 125 阅读 · 0 评论