• CSS动画入门教程

    CSS Animations 101CSS 动画允许您通过为页面上的不同元素设置动画来使您的网站栩栩如生。 它是一个强大的工具,可用于创建增强用户体验的漂亮的动画,或创建作为页面焦点的更复杂的动画。今天,我们将介绍创建自己的 CSS 动画所需的一切知识。 您需要知道的第一件事是@keyframes 2024-12-04 09:33:28
  • css3——3D动画、transform-style:preserve-3d......

    1. transform-style:preserve-3d,该属性设置在父级元素中,它的子级元素具有3d效果注意:设置了该属性,就不能防止子级元素溢出,即不能设置overf:hidden属性;如果设置了overflow:hidden,那么transform-style:preserve-3d就无效 2024-12-04 09:03:07
  • 前端和设计师都要知道的css长度单位(css单位pt)

    css的长度单位分为两种,一种为绝对长度,一种为相对长度。日常设计与开发中或多或少都会接触到。前端毕竟是根据设计稿写页面,UI设计师也是按照规范去设计页面。绝对长度px即像素pixel,它是最基础也是最常用的一个长度单位cm厘米, 1cm=37.8pxmm毫米,1mm=3.78pxin即英尺inch 2024-12-03 10:46:09
  • 这款CSS按钮库太漂亮了,以后就用她了

      今天小编推荐一款Web上的按钮库Buttons,Buttons是一个高度可定制的、免费并且开源的按钮CSS样式库。效果预览 2024-12-03 10:03:14
  • HTML+CSS制作简易百度首页(代码)

    <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>百度一下,你就知道</title> <style type="text/css"> 2024-12-03 08:48:45
  • css盒子模型_使用边距和填充

    <header class="main-header"> <h1>代码介绍</h1> <nav> <a href="./blog.html">BLOG</a> &l 2024-12-02 10:33:24
  • 成都Web前端中CSS 布局基础 - CSS 视觉格式化基础(css常规流)

    概述:成都Web前端培训中一定会学习到CSS布局的一些内容, 本书主要讲解 CSS 可视化渲染的理论部分。为什么用整本书来写可视化渲染的理论基础呢?答案是,作为一个 CSS 内包含的如此开放和强大的模型,在一本书中想要涵盖属性和效果的每一种可能的组合方式是不可能的。很明显,我们会在使用 CSS 时发 2024-12-02 09:33:25
  • 用css3写出一个平行四边形

    今天要布局的网页背景是一个平行四边形,切图作为背景不好,很影响网页的打开速度,,那么这个平行四边形就css代码写出来,可以用css3的CSS3 transform 旋转的属性写出来,就是transform:skew,全是css代码写的可好了,大爱css3。先看下效果:代码如下:<!Docty 2024-12-02 08:47:15
  • 初学者:HTML+CSS静态网页开发——网页布局

    在学习完了基本的HTML+CSS标签之后,就可以尝试写一些简单的静态网页啦~练习的过程是充满成就感的,值得反复体会和思考!网页结构简单提一下常用于表示网页机构的标签:header 整个页面的标题(也可表示一个内容区块)main 页面主体部分footer 整个页面的脚注(也可表示一个内容区块)arti 2024-12-02 08:32:41
  • CSS3实现三角形、尖括号

    一、border实现实心三角形效果1.其中宽度(width)、高度(height)均需要设置为0;2.4个边框都要写,只保留需要的边框的颜色,但是不能省略,不需要的可以设置为透明;3.加上font-size:0;line-height:0;解决兼容性问题。当宽高均为0时,设置上右下左四个边框,将会形 2024-12-01 14:15:18