• BFC原理

    BFC原理 BFC是什么? BFC(Block Fomatting Context)为块级格式化上下文的的简称。 简单点说,把BFC看成一个渲染区域或者容器,在BFC这个容器内部的的元素无论如何布局都不会影响其外部的元素。 并且BFC还有它自己的一些特性,下面会说到。 BFC模式的形成条件如下( 满...

    2020-03-19 16:01:05

  • 零基础入门web前端, 初级web前端应该懂什么

    零基础入门web前端, 初级web前端应该懂什么 很多人不明白同样身为web前端工程师,可为什么薪资待遇却是大不相同,web更注重的在于技术。那么初级web前端应该懂什么?零基础入门web前端应该学什么? 零基础入门web前端 初级web前端应该懂什么 可以把前端工程师分为了入门...

    2020-03-19 16:00:54

  • 前端 自定义确认提示框

    前端 自定义确认提示框 js默认提示框 js有三种默认提示框 提示框 alert('hello world!'); 确认框 var result=confirm('确认删除XX文件?');result为bool类型 回复确认框var result=prompt('请输入文件标题:');result返回输入的值 自定义提示框 下文通过js自动生成一个...

    2020-03-19 16:00:42

  • css3系列-1.css基础知识入门

    css3系列-1.css基础知识入门 css3系列-1.css基础知识入门 1.css 如何引用 内部 外部 内联 代码示例 内部css代码示例 head meta charset=UTF-8 titleindex/title style h1{ color: red; } /style/head 外部css代码示例 head meta charset=UTF-8 titleindex/title link r...

    2020-03-18 09:22:12

  • 学习 CSS 之用 CSS 3D 实现炫酷效果

    学习 CSS 之用 CSS 3D 实现炫酷效果 一、前言 把大象关进冰箱需要几步?三步,把冰箱门打开,把大象关进去,把冰箱门关上。 用 CSS 实现 3D 效果需几步?三步, 设置透视效果 perspective,改变元素载体为 preserve-3d,对元素进行 3D 转换操作 。 perspective 属性决...

    2020-03-18 09:21:11

  • 前端HTML基础知识学什么?

    前端HTML基础知识学什么? 前端HTML基础知识学什么?初学HTML从基础知识入手,学习浏览器内核、HTML基本结构标签、HTML语法规范、VSCode编辑器、HTML常用标签、相对路径、锚点定位、表格、列表、表单等内容。 前端HTML基础知识学习路线: 1 浏览器与浏览器内核 HTML 简...

    2020-03-18 09:20:40

  • css3文字特效和浏览器兼容性

    css3文字特效和浏览器兼容性 css3相较于css2.1增加了许多新的特性功能,目前主流浏览器chrome、safari、firefox、opera、甚至360都已经支持了CSS3大部分功能了,IE10以后也开始全面支持CSS3了,需要注意的是css3样式在不同的浏览器可能需要不同的前缀(是浏览器的私有...

    2020-03-18 09:20:10

  • 移动端性能优化(HTML性能优化)

    移动端性能优化(HTML性能优化) HTML性能优化 查看淘宝移动端的做法: css全部使用内联,js有内联,也有引入外部文件 查看京东移动端的做法: css和js都是既有内联,既有引入外部文件 内联的优点: 减少HTTP请求 内联的缺点: 1、没法复用 2、是HTML变大,加载变慢 3...

    2020-03-17 16:04:30

  • 练习中的零碎知识-CSS篇

    练习中的零碎知识-CSS篇 1.这两个数值相等时,文字垂直居中 height:""; line-height:""; text-align:center; 2.使背景图上下充满居中 1.background:url()no-repead 0 0/100% 100%; 2.background:url() 0% 0% / cover no-repeat fixed; 3.避免设置的border边框占盒子的...

    2020-03-17 16:04:10

  • 移动端常见问题(动画演示)

    移动端常见问题(动画演示) 移动端动画 红色勾勾代表强烈推荐 transition实现动画案例: ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title 移动端动画 / title meta name ="viewport" content ="width=device-width, initial-scale=1, maximum-scale...

    2020-03-17 16:01:56

2