大家好，我是 Steven。今集会介绍如何使用
CSS 制作一个
水滴效果，当图形碰到
的时候会好像融合在一起这样，印象中有些安卓系统
的 UI 在充电时也是类似的动画
的：这个教程
的视频版本在 www.bilibili.com/video/BV1S6… ，欢迎三连关注！HTML
的部分打开 CodePen 编辑器，新增一个 <div>，class 是 container；在里面新增三个 &l
转载
2021-01-17 17:36:13
2125阅读
2评论
认识CSS样式 CSS全称为“层叠样式表 (Cascading Style Sheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。 如下列代码： 使用CSS样式的一个好处是通过定义某个样式，可以让不同网页位置的文字有着统一的字体、字号或者颜色等。 实例：
转载
2019-08-28 10:22:00
709阅读
2评论
list-style-type:none; 把<li>中
的大园点去掉
padding:0px; 在<ul>中填充空白
imaport 在ie和forefox中兼容
转载
2007-11-09 11:18:00
232阅读
2评论
给大家分享一个用CSS 3.0实现的水滴加载特效，效果如下：以下是代码实现，欢迎大家复制、粘贴和收藏。<!DOCTYPE h
原创
2023-03-23 01:14:51
17阅读
我：ui，这里需要一个水珠效果图ui：现在没空，你不能自己在网上找一个或者自己做一个吗？我：啊这…我：行吧，你空了给我做一下ui：…哦可手写就手写，谁怕谁，直接开干。这里我们在一个新建的html中编写。新建一个html。在head标签中新建一个style标签，并去除多余边距。这里为什么需要去除多余的边距呢？是因为有些内核的浏览器会默认自带一些边距，为了在所有浏览器中看起来都是一样的效果，我们需要给
CSS是Cascading Style Sheets的简称，中文称为层叠样式表，用来控制网页数据的表现，可以使网页的表现与数据内容分离。要想让CSS对网页内容有效果，必须将CSS代码引入网页，通常有四种方式，详见下文。 .1 &nbs
转载
2024-07-26 13:49:26
75阅读
CSS代码语法CSS参考手册网址：http://www.w3school.com.cn/cssref/index.asp· css 样式由选择符和声明组成，而声明又由属性和值组成，如下图所示：选择符：又称选择器，指明网页中要应用样式规则的元素，如网页中所有的段（p）的文字将变成蓝色，而其他的元素（如ol）不会受到影响。 &nbs
转载
2023-07-29 22:04:52
431阅读
给大家分享一个用CSS 3.0实现水滴单选框动画，效果如下：以下是代码实现，欢迎大家复制、粘贴和收藏。<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>CSS 3.0实现水滴单选框</title> <style> @import url(ht
原创
2023-03-23 01:20:27
64阅读
1、边框圆形：-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;2、背景透明：opacity: 0.7;3、手形：cursor: pointer;4、块状显示display: block;5、全部居中margin:0; padding:0;6、绝对定位：position: absolute;right:
原创
2023-03-06 09:17:04
194阅读
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong,
转载
2019-03-07 09:34:00
766阅读
2评论
1、高度和宽度 默认情况下，高度和宽度无法应用在行内标签上。 默认情况下，块级标签虽然设置的\
原创
2022-10-19 20:42:25
986阅读
1、什么是CSS 如何学习 CSS是什么 CSS怎么用（快速入门） CSS选择器（重点+难点） 美化网页（文字，阴影，超链接，列表，渐变。。。） 盒子模型 浮动 定位 网页动画（特效效果） 1.1什么是CSS Cascading Style Sheet 层叠级联样式表 CSS：表现（美化网页） 字体 ...
转载
2021-09-25 09:46:00
370阅读
2评论
text-align：center 字体居中 background-image：url（）设置背景 font-weight：去掉字体样式 属性：normal background-position：设置图像的起始位置 display: inline-block：可以是列表中每个li平铺到一行（li不 ...
转载
2021-10-26 20:46:00
201阅读
2评论
“text-decoration: none;”是css样式,表示的是文本没有下划线,一般用来去除a标签默认样式的下划线 1. vertical-align 属性 ：设置元素的垂直对齐方式 baseline 默认。元素放置在父元素的基线上。 sub 垂直对齐文本的下标。 super 垂直对齐文本的上 ...
转载
2021-10-27 18:34:00
395阅读
2评论
1.字体颜色渐变 background-image:linear-gradient(to bottom, #5affa, #0076ff); -webkit-background-clip:text; -webkit-text-fill-color:transparent; 2.背景颜色渐变 bac ...
转载
2021-08-05 22:03:00
334阅读
2评论
文章目录CSS样式padding(内边距)CSS样式padding(内边距)padding: 1px 2px 3px 4px; /*参数顺时针:上右下左4个参数 上右下左3个参数 上(左右)下2个参数 (上下)(左右)1个参数 上下左右相同单位 cm,px,%,inherit默认值: 0px*/...
原创
2022-01-20 15:17:21
200阅读
1.HTML+CSS布局（DIV+CSS）:主要通过CSS样式设置来布局文字或图片等元素，需要用到CSS盒子模型，盒子类型，CSS浮动，CSS定位，CSS背景图定位等知识来布局，主流布局2.CSS介绍：为了让网页元素的样式更加丰富，也为了让网页的内容和样式能拆开，CSS（CascadingStyleSheets）层叠样式表，HTML中大部分表现样式的标签就废弃不用了，HTML只负责文档的结构和内容
原创
2018-12-19 19:21:26
876阅读
