CSS - 分享生活和学习中的点点滴滴

前端技术 2023/09/01 CSS

list_style属性用于修改列表的属性格式如下： list_style：列表项标记类型列表项标记的位置列表项标记; 也可以单独设置列表项标记： list-style-type用于设置列表项类型：默认值为disc为实心圆，常用值：none空 circ...

纯css3实现照片墙效果

前端技术 2023/09/01 CSS

一张张照片散乱的撒在一起，鼠标悬浮时旋转放大并摆正，效果如下图（所有图片均来自网络），主要使用到的css3属性有：transition、transform（scale、rotateZ）、box-shadow以及z-index。复制代码代码如下:<!DOCTYPE ht...

前端技术 2023/09/01 CSS

摘要：　　css3已经被应用到很多网站了，对于创建动态交互的网站是非常有益的。今天就分享一个使用transition实现的鼠标悬停淡阴淡出的效果。代码：复制代码代码如下:<!DOCTYPE html><html lang=\"en\"><hea...

前端技术 2023/09/01 CSS

最终成果：素材：两张图片, espaco.jpg(1600*1000) terra.jpg(900*450) 第一步，形成静态图（地球背景全屏，地球大小为450px*450px，地球位置为上下左右居中）：复制代码代码如下:<!DOCTYPE html>&lt...

前端技术 2023/09/01 CSS

less 在import 其它less文件的时候会将其合并到单个文件中。但是当引入css 文件时，默认不会将css 合并进来。使用inline 关键字将a.css 强制打包到最终的单个文件中： CSS Code复制内容到剪贴板 @import (inline) \"....

前端技术 2023/09/01 CSS

1.rotate旋转旋转图片，单位deg，为“度”的意思 CSS Code复制内容到剪贴板 -moz-transform: rotate(20deg); -webkit-transform: rotate(20deg); -o-transform: rotate(20de...

前端技术 2023/09/01 CSS

今天在写一个购物车里面选择发货地址的部分时，多个收货地址用到了UL标签，由于每个地址的后面有个“修改地址”的功能，而且位于li标签的右边，于是就用到了，position：absolute； right：10px；这样把“修改地址”移到右边去了，不过在此之前需要在...

css中中文字体相关知识汇总

前端技术 2023/09/01 CSS

中文字体（font-family）的标准英文名称 Mac OS的一些：华文细黑：STHeiti Light [STXihei] 华文黑体：STHeiti 华文楷体：STKaiti 华文宋体：STSong 华文仿宋：STFangsong 儷黑 Pro：LiHei Pro Med...

前端技术 2023/09/01 CSS

仿网页nec首页动画效果 nec链接：http://nec.netease.com/ 首先，介绍animation animation检索或设置对象所应用的动画特效。 animation由“keyframes”这个属性来实现这样的效果。 keyframes具有其...

三个CSS技巧你应该知道

前端技术 2023/09/01 CSS

各种浏览器之间的竞争的白热化意味着越来越多的人现在开始使用那些支持最新、最先进的W3C Web标准的设备，以一种更具交互性的方式来访问互联网。这意味着我们终于能够利用更强大更灵活的CSS来创造更简洁，更好维护的浏览器前端代码。现在让我们来看一看一些也许你还不知道的让人兴奋的CS...

关闭

我的博客