• 18 2024-01 CSS

    使用CSS实现几何图形切角

    实现一个角被切掉的效果,可以使用渐变,渐变接受一个角度作为方向,并且允许文字溢出并超出切角区域(因为它只是背景图案),具体实现如下:div {background: #58a;background: linear-gradient(-45deg, transparent 15px, #58a 0);}效果如下:用 CS......

  • 18 2024-01 CSS

    CSS代码精讲

    注意:为叙述简洁,自定义属性的兼容方案将不再在下文中赘述,但在实际项目中大家别忘了加上,像下面这样:DRY 原则坚守 DRY 原则,你不仅能够逃脱不断重复写值的噩梦,当调整属性值要做的搜索、替换和调试等重复的工作都能得以缓解。也就是:DRY 原则能降低代码维护的成本。我们来看一个例子,下面这段代码相当糟糕,多次重复了 ......

  • 18 2024-01 CSS

    使用CSS实行居中的巧妙方法

    CSS居中在设计中经常使用,我们在使用css来布局时经常需要进行居中,有时一个属性就能搞定,有时则需要一定的技巧才能兼容到所有浏览器,利用css来实现对象的垂直居中有许多不同的方法,比较难的是应该选择哪种正确的方法。比如我们都知道 margin:0 auto;的样式能让元素水平居中,而margin: auto;却不能做......

  • 18 2024-01 CSS

    精编DIV CSS教程技巧

    第一步骤:分析网页美工图第二步骤:建立项目文件夹(包括用于放图片、CSS文件、JS文件等文件夹)为了节约时间推荐使用thinkcss初始化模板,直接解压即可使用。第三步骤:PS软件切出图片素材(可以先切出一部分图片素材,待布局中再根据需求再切出需要图片素材)第四步骤:将先切出图片放入images文件夹中,包括布局中切出......

  • 18 2024-01 CSS

    CSS应用拓展,绘制时钟

    在CSS3中引入了全新的动画语法,它能够帮助你在设计中实现许多有趣的事情。通常构建炫酷的动画是非常复杂和费时的,而使用动画库和生成器则可以帮助你完美处理这一切。在这篇文章中我们将推荐十款出色的工具,它们可以帮助你更快更轻松地完成自己的动画。1. CSS3Gen - CSS3动画生成器CSS3Gen为你提供了一个易于使用......

  • 18 2024-01 CSS

    使用css制作自适应布局的几个常见注意事项

    制作自适应布局最常使用的解决方法就是在页面初始化时,利用js去获取宽高再计算。或者就是box-sizing。但接触clac()以后发现,实现自适应原来可以如此简单。接下来讲解一下calc()的常见问题以及注意事项。1.什么是calc()?其实calc是英文单词calculate(计算)的缩写,是css3的一个新增的功能......

  • 18 2024-01 CSS

    Css实例制作“荷花盛开”代码演示

    步骤如下:1.构建HTML框架,主要是一个大盒子box,里面包裹着小盒子,也就是要盛开的莲花花瓣。<div id="box"><div></div><div></div><div></div><div>&......

  • 18 2024-01 CSS

    css设计基本属性

    1.背景属性: (background)图片 {background-image: url();}色彩 {background-color: #FFFFFF;}重复 {background-repeat: no-repeat;}滚动 {background-attachment: fixed;}(固定) scroll;......

  • 18 2024-01 CSS

    Css前端总结

    一、移动端移动端还没有上车。先来总结一下三个基本的移动端开发特性:视口(viewport)、媒体查询(@media)和相对字体大小。1.1 视口(viewport)加上视口之后,页面将会自动裁剪成适合移动页面的大小。<meta name="viewport" content="wid......

  • 18 2024-01 CSS

    Css符号属性大集合

    CSS符号属性:list-style-type:none; /*不编号*/list-style-type:decimal; /*阿拉伯数字*/list-style-type:lower-roman; /*小写罗马数字*/list-style-type:upper-roman; /*大写罗马数字*/list-style-......

在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码