关键字:CSS
  • web前端入门到实战:了解JavaScript的语法基础,值和变量
    通过JavaScript语法基础学习了解到1.怎么使用js/通常js的引入和css一样,分为内部,外部和行内引入,执行自上而下,有着先后顺序/;2.js的语法/2.1js是用字母,数字、特殊字符组成的命令2.2对字母的大小写是敏感的,一个字 ...
  • web前端入门到实战:让你一次弄懂CSS 的 BFC、清除浮动、外边距折叠
    BFC 块格式化上下文(Block Formatting Context,BFC) 是 Web 页面的可视化 CSS 渲染的一部分,是块盒子的布局过程发生的区域,也是浮动元素与其他元素交互的区域。 下列方式会创建块格式化上下文: 根元素() ...
  • web前端入门到实战:纯CSS实现两个球相交的粘粘效果
    这是一个纯粹利用CSS所做出来的效果,这个效果说穿了就是一个图像处理的原理,做法跟Photoshop里头的几乎一模一样,只是一个用图层和色版来制作,一个则是用CSS(把div当成图层思考就好了)。 从PhotoShop开始 一开始我们来玩P ...
  • web前端入门到实战:CSS实现开关按钮三例
    我们将使用纯CSS打造一些切换开关并使其拥有类似于checkbox的用户体验。 很多时候我们都需要用户通过勾选/取消checkbox来表明他们对一些问题的答案。我们设置了一个标签,一个checkbox,并在提交表单后获取checkbox值, ...
  • web前端入门到实战:一个标签!纯CSS实现动态晴阴雨雪
    1 引言 本期分享一下如何仅用CSS3,实现单标签的动态晴阴雨雪。技术关键点就是“单标签”和“纯CSS”。先看下最终效果: 再看看HTML代码: <!-- ...
  • web前端入门到实战:强力推荐的18种CSS命名和书写规范
    选择器的命名规范 1.模块化命名 例如: 与布局相关的样式以“g”为开头。如“g-content”和“g-header”; 与挂钩相关的样式以“j”为开头。如“j-open”和“j-request”; 与元件相关的样式以“m”为开头。如“m ...
  • 前端面试题整理(一)
    从输入URL到页面加载的过程 浏览器接收URL开启网络请求线程 DNS查询 TCP/IP请求 服务器接收到请求、对应后台处理请求 后台和前台的HTTP交互 浏览器接收到HTTP数据包并解析 页面渲染 JS引擎解析 进程和线程 进程是CPU资 ...
  • 瀑布流布局实现方式对比
    实现瀑布流布局有两种方式:1. 使用javascript 实现。2. 使用css3 的column属性实现。javascript是通过页面的宽度以及元素块的宽度计算出列数,然后计算出每一个块的left与top距离来确定元素块的位置。当然需要 ...
  • CSS float详解 -- 一些问题记录
    1. float被设计出来的初衷是为了实现文字环绕效果。2. 被设置了float的元素会自动成为块级元素,display的表现形式为“block”,自动脱离文档流。并且其父元素的会发生塌陷,即高度为0。3. 一排设置了float:left的 ...
  • vue实现Window10日历动画效果
    自从从事了前端行业,就得了个职业病,就是看到任何界面的效果都会思考自己怎么实现,这不看见Window10的日历系统,就动起了歪心思,想复现这个效果。 image 效果分析 边框的可见是跟随鼠标位置来改变,鼠标hover的日期显示边框,鼠标点 ...

暂无数据