![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端基础html篇
文章平均质量分 56
整理前端工作中会用到的标签和知识点
我是星星啊
一个只会c、v的菜鸟
展开
-
css 正确认识和使用选择器
css中选择器分为很多个 我们该如何正确使用呢? 首先,我们要了解css中都有哪些选择器:标签选择器、class选择器、id选择器、子代选择器、后代选择器、交集选择器、并集选择器......我们在写代码中该如何正确使用这些选择器呢? 1.标签选择器这是一个很简单的选择器 给大家写个列子<!DOCTYPE html><html lang="en"><head...原创 2018-06-14 20:31:35 · 352 阅读 · 0 评论 -
css3过渡
前端 css3过渡:从一个效果到另一个效果CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。添加 指定效果的持续时间 指定添加效果的css属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport&qu原创 2018-06-13 21:29:34 · 187 阅读 · 0 评论 -
css3动画效果
css3动画效果 要了解css3动画 必须要先了解@keyframes的规则 @keyframes就是创建动画:使元素从一种样式逐渐变化为另一种样式的效果。 创建动画时 需要至少绑定两个css样式(animation) :动画名称和动画时间,或者不会有动画效果。案例:<!DOCTYPE html><html lang="en"><head> <...原创 2018-06-13 21:51:35 · 241 阅读 · 0 评论 -
css 样式
认识CSS样式: CSS:层叠样式表(Cascading Style Sheets),主要用于定义HTML内容在浏览器内的显示样式 语法: 选择符{ 属性: 值} 举例: p{ color: blue} 选择符:又称选择器,指明要应用样式规则的元素,如<html>、<body>、<h1>、<p>、&...原创 2018-06-21 21:11:35 · 217 阅读 · 0 评论 -
前端开发html/css 基础知识整理
已经步入前端一个多月了,已经学了 html5,css css3 bootatarp4 今天从html5开始大概梳理一下;html:是一种创建网页语言的标准标记语言。文件结构;<!DOCTYPE html><html><head>...</head><body>...</body></html><原创 2018-06-20 22:03:14 · 531 阅读 · 0 评论 -
HTML+CSS3 中的2D、3D和动画效果
虽然我们我们在前端工作中,对于2D、3D和动画效果一般来说都用不上,基本上都是用JS或jQ来完成这些动画效果,但是最基础的这些你是否已经忘记了呢?昨天重温了一下这些东西,顺手写了两个小例子一、使用css画个心首先 在HTML中定义一个div,<div class="heart"></div>只需要一个div即可,我使用伪元素来画出; <st...原创 2018-08-09 11:58:33 · 2714 阅读 · 1 评论 -
JavaScript基础知识点(二)
程序结构的结构:顺序结构 分支结构 循环结构分支结构 // if语句 if(){ } //if..else..语句 if(){ }else{ } //if..else if..else.. if () { } else if{ }else{ } . . //swtch case语句 switch(){...原创 2022-06-01 16:15:56 · 80 阅读 · 0 评论 -
javascript 运算符详解(二)
昨天跟大家介绍了算术的运算符和赋值运算符 今天来讲解关系运算符和逻辑运算符;关系运算符 ;也叫比较运算符。>(大于) 、 ==(等于)、<(小于)、>=(大于等于)、<=(小于等于)、!=(不等于)、===(真等于,全等);关系运算符的运算结果为布尔类型 :true(真)、false(假);...原创 2018-06-29 22:01:14 · 1144 阅读 · 1 评论 -
前端面试题 HTML、CSS、JS、Vue、Es6
第一部分 HTML&CSS整理答案什么是HTML5?答:HTML5是最新的HTML标准。注意:讲述HTML5推出的设计目的,以及现在市场的使用情况,浏览器支持情况等。。。。设计目的HTML5的设计目的是为了在移动设备上支持多媒体。新的语法特征被引进以支持这一点,如video、audio和canvas 标记。HTML5还引进了新的功能,可以真正改变用户与文档的交互方式,包括...原创 2018-10-26 20:25:58 · 13318 阅读 · 1 评论 -
var let const 区别
4.var定义的全局变量属于顶层对象,而let、const声明的全局变量属于顶层对象,这也很容易理解, 因为let的设计初衷就是块级作用域变量,不污染全局变量,显得自由灵活安全。解析:在js中先执行同步任务,再执行异步任务,setTimeout函数的第二参数,相对的是同步任务结束的那一刻, 而不是上一个异步任务结束的那一刻,所以,修正的方法是动态改变第二个参数。解析:在js中先执行同步任务,再执行异步任务,setTimeout里面的代码是异步任务,等到执行时,var声明的变量i已经是10了。原创 2022-11-09 21:39:19 · 342 阅读 · 0 评论 -
onKeypress 与onKeyDown 事件在键盘中所代表数值的差异
onKeydown();键盘按下时触发onKeyup();键盘抬起时触发ononKeypress();键盘按下后抬起才会触发,我理解为上面两个事假的集合今天在做个项目时,发现onKeydown()和ononKeypress()之间一点细微的差别 document.onkeydown=function(e){ e=e||window.event; console.l...原创 2018-09-10 21:47:08 · 1023 阅读 · 1 评论 -
在javascript中 setInterval()、clearInterval()、clearTimeout()等等常用的函数的含义
setInterval()是一种定时器,它按照指定的设置时间(以毫秒计)来调用函数的方法。clearInterval()是结束定时器的循环调用函数。除非调用clearInterval()方法,否则无限循环执行回调函数。例如:123456789vari=0;//定义一个变量ivart=setInterval(function(){if(i===60){clea...原创 2018-07-12 20:54:07 · 7734 阅读 · 1 评论 -
javascript 零基础小白入门(一)
(一)前端开发三剑客:html css javascripthtml:结构层 从语义角度来描述页面结构。css:表现层 从审美角度美化页面。JavaScript:从交互角度度来提升用户体验。今天开始学习JavaScript ,首先了解javascript有三部分组成,分别是ECMAScript、DOM、BOM三部分组成。ECMAScript :为核心 包括 语法 规则 api 等DOM:文...原创 2018-06-27 19:56:02 · 8015 阅读 · 3 评论