• HTML技巧篇:灵活运用css3制作各种形状(css长方体)

    本篇文章主要给大家介绍一下如何灵活的运用css3来创建各种规则和不规则形状的图形,从而可以减少图片的使用。以前一些特殊的图形我们只能在Photoshop等图像编辑软件中制作,现在使用CSS3就可以完成了。通过使用新的CSS属性,像transform和border-radius,我们可以创建非常漂亮和 2024-11-17 10:04:20
  • 如何用css样式清除默认设备或者浏览器的默认样式

    在做html5网站的时候,测试时候会发现在苹果手机上会有一些问题,会发现html5网页中的按钮会被自带的样式给替换了。如下:手机设备下的界面正常浏览器下的html5界面要解决该问题需要加入一些css样式,如下:input[type="button"], input[type="submit"], i 2024-11-17 09:49:06
  • 关于css如何定位,你需要知道的5件事

    ● ● ●近年来前端工程师已经可以通过不同的css布局技巧制作出很复杂的布局。其中有些技巧有很长的历史(比如:floats),也有一些是近几年才被青睐的(比如flexbox)。在这篇文章中,我们会更加细致地探索一些鲜为人知的关于 CSS positioning定位的事情。在我们开始学习这些事情前,让 2024-11-17 09:04:18
  • 一小时轻松入门掌握CSS---零基础快速学习CSS

    定义层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排 2024-11-17 08:49:09
  • 什么是CSS animation?CSS动画属性有哪些?

    什么是CSS动画?CSS动画就是通过CSS代码搭建的网页动画。允许设计师和开发人员,通过编辑网站的CSS代码添加简单的页面动画。可实现HTML元素的动画效果,从一种样式逐渐变化为另一种样式的效果。CSS动画属性有哪些?animation-direction属性:设置动画是否在下一周期逆向播放,默认是 2024-11-17 08:34:19
  • 使用这些不太常用的CSS属性,布局效率上又提高了一个层次

    有很多CSS属性,有些人不了解,或者他们了解它们,但是忘记在需要时使用它们。其实,有时候我们用 JavaScript 来实某些交互,CSS 一个属性就能搞定了,这可以大大节约我们编码的时间。作为前端开发人员,我们经常会遇到这样的事情。所以我问自己,为什么不搞篇文章列出所有那些较少使用但既有用又有趣的 2024-11-17 08:03:43
  • Web前端开发-CSS布局-浮动和定位-入门干货

    在Web前端开发-CSS入门干货01 、Web前端开发-CSS入门干货02 、Web前端开发-CSS布局-盒子模型入门干货 介绍了CSS重要基础概念选择器和字体系列、文本系列、背景系列样式以及CSS布局中元素的盒子模型,下面介绍CSS布局中另外两个重要应用浮动和定位。根据元素浮动、定位的特性可以将C 2024-11-16 10:46:31
  • 前端设计必须掌握的难点:CSS 弹性布局的顺序和方向

    弹性容器的内容可以在任何方向以任何顺序放置。这种灵活性使得作者可以方便的实现以前所需要的复杂而容易出错的解决方案(如使用float和clear的一些hacks方法)。这个功能通过flex-direction, flex-wrap, 和 order 属性来实现。和网格布局类似,order属性只是用来改 2024-11-16 10:34:33
  • CSS中的Grid布局,你说你还从没用过?快来先用5分钟了解基础吧

    前言网站的布局是一个网站设计的根本,CSS的Grid布局已经成为了未来网站布局的基本方式。今天这篇文章我们通过图文,一起看看如何自己实现Grid布局方式。CSS第一个Grid布局首先我们看看最基本的Grid布局是什么样的,HTML页面的代码如下所示。HTML代码然后设置其CSS属性,这里主要展示容器 2024-11-16 09:19:23
  • 用“Stylus”让你的网页更加好看!什么是CSS?

    让浏览器更好用,自然离不开万能的《油猴插件》(戳这里),通过脚本实现去广告、绕过二次跳转、自动翻页、悬停看图、扒下载链接等功能。虽说AC-baidu这类的脚本自带更改页面样式,但由于是1对1的,没法改所有网站的面貌,这时候就要用到另一个插件“Stylus”了,它可以让绝大多数网页都变得工工整整(赶上 2024-11-16 08:49:49