HTML/CSS Posted by andy001 2019.08.30 views: 717 评论:0
链接是从一个网页到另一个网页的连接,CSS可通过不同属性以各种不同方式来设置链接的样式。在讨论CSS属性之前,先了解链接的状态是非常重要的。链接可以存在于不同的状态,并且可以使用伪类进行样式设置。下面给出了四种链接状态:● a:link=>这是一个正常...
开发工具 Posted by admin 2019.07.03 views: 1629 评论:0
在前端开发项目的时候,有时候会遇到裁剪几何图形的需求,比如设计师的一些不规则图形(菱形,五角星等),一般我们直接用图片去处理,如果你学会了Clippy,一切会变得很简单了。OK,让我们一起来学下“绘制几何图形的裁剪路径(clip-path)工具:Clippy“...
HTML/CSS Posted by andy001 2019.04.01 views: 2802 评论:0
CSS实现鼠标滑动图片出现光效越过效果,直接上代码:<!DOCTYPE html><html><head><meta name="viewport" con...
HTML/CSS Posted by andy001 2018.08.23 views: 12971 评论:0
用CSS实现模块边框的渐变,一起来看下demo.<div class="gradient-block-vertical"></div><div class="gradient-...
HTML/CSS Posted by 天空 2018.04.28 views: 10744 评论:0
推荐几种在移动端实现垂直居中的方法。方法1:table-cellhtml结构<div class="box box1"> <span>垂直居中&...
HTML Posted by admin 2018.03.07 views: 9198 评论:1
挖空文本是一种技术,将文字从元素中剪切出来并显示背景。换句话说,你只能看到背景,因为这些字母敲出了洞。这很吸引人,因为它打开了我们无法摆脱传统CSS属性的印刷风格,例如color。尽管过去我们已经看到了很多方法来完成挖空文本,但我们现在可以使用一些现代CSS属...
开发工具 Posted by admin 2018.03.02 views: 9015 评论:1
在开发页面的时候,设计师都喜欢用一些棱角,比如箭头、小三角、不规则矩形等形状,在项目中处理的这些形状的时候,如果时间很赶,会采用直接切图或者找其他方法。好吧,回头想想,既浪费时间,又降低了页面性能;于是决定整一款“点点鼠标画图并且生成CSS代码”的工具,以后不...
HTML/CSS Posted by 流泪的石头 2017.12.04 views: 4855 评论:0
一份HTML/CSS面试内容,分享如下:1.常用那几种浏览器测试?有哪些内核(LayoutEngine)?(Q1)浏览器:IE,Chrome,FireFox,Safari,Opera。(Q2)内核:Trident,Gecko,Presto,...
HTML/CSS Posted by andy001 2017.10.24 views: 7014 评论:0
CSS伪元素:before与:after,CSS伪元素用于向某些选择器设置特殊效果。所以本文将和大家一起分享交流CSS的伪元素的使用知识。我们一起来学习下:基本语法所谓的伪元素,顾名思义他们并不是真正的HTML元素。::before与::after用于向目标...
前端教程 Posted by admin 2013.11.21 views: 18378 评论:0
前面我们讲解了二篇文章:“【web前端工具Emmet教程】介绍与基础语法”,“【web...