- 博客(6)
- 收藏
- 关注
RSS订阅转载 圣杯布局、双飞翼布局、Flex布局和绝对定位布局的几种经典布局的具体实现
题目要求：针对如下DOM结构，编写CSS，实现三栏水平布局，其中left、right分别位于左右两侧，left宽度为200px，right宽度为300px，main处在中间，宽度自适应。 要求：允许增加额外的DOM节点，但不能修改现有节点顺序。<div class="container"> <div class="main">main</div> <...
2018-07-03 11:26:13
241
转载 用最短的CSS样式，勾勒大数据演示屏
效果预览↓↓↓ 动画效果总览：GIF 加载需要稍等一下 ↓↓↓常用效果的实现（最精简的代码）再漂亮的设计，也可以拆解成基础效果的组合，在这里，我把一些常用的效果进行了罗列，并附加代码优雅的呈现蒙版文字覆盖一层蒙版，并在蒙版上书写文字。需要2层，从低到上为图片层、蒙版层(上面可写字)<div class='box' > <div class='back'></div&...
2018-07-02 17:09:44
6257
1
原创 前端开发中需要用到的SEO知识整理
SEO 工作的目的seo 的工作目的是为了让网站更利于让各大搜索引擎抓取和收录，增加产品的曝光率。SEO 注意事项1. 网站 TDK 标签的设置。title,description,keywords，根据产品业务，概括出核心关键词作为 TDK 的内容，每个页面都不一样。如果每个页面的 keywords 都一样的话，搜索引起会持怀疑态度，觉得你有作弊嫌疑。案例：此外，还有 meta 的 canoni...
2018-06-27 20:40:47
971
原创 前端面试题整理----新手排坑心得[1]
1.简述一下你对HTML语义化的理解？并写出一段语义化的HTML？ 语义化是指根据内容的结构化（内容语义化），选择合适的标签（代码语义化），便于开发者阅读和写出更优雅的代码的同时，让浏览器的爬虫和机器很好的解析。 用正确的标签做正确的事情 html语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析 语义化的HTML在没有CSS的情况下也能呈现较好的内容结构与代...
2018-06-27 20:34:11
221
原创 CSS实现3D正方体动态旋转效果【源码+GIF图】
小伙伴们看到那些页面上炫酷的正方体，是不是都觉得美美的很精致，很想自己动手写一个属于自己的，但是又学业繁忙而找不到时间去实现，今天我就为大家写一个，哒哒哒，废话不多说，开始上代码~ 额，要不先说说它的实现原理吧，方便理解，嘿嘿。 实现原理：transition-property 要应用过渡的css属性transition-duration 过渡发生的时长transition-timing-func...
2018-06-13 19:44:38
8084
1
转载 前端学习 html标签整理
超文本标记语言(简称:HTML)标记标签通常被称为HTML标签，HTML标签是HTML语言中最基本的单位，HTML标签是HTML(标准通用标记语言下的一个应用)最重要的组成部分。HTML标签的大小写无关的，例如"主体"<body>跟<BODY>表示的意思是一样的，推荐使用小写。HTML标签的特点是：由尖括号包围的关键词，比如 <html>通常是成对出现的，比如 ...
2018-05-26 16:30:58
209
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人