下划线 动画css
CSS3新增选择器（属性选择器、结构伪类选择器、伪元素选择器）
本博文介绍了CSS3中新增的选择器，包括属性选择器、两类结构伪类选择器和伪元素选择器，并对两类结构伪类选择器进行了比较。 ......
看懂CSS属性值定义语法
CSS属性值有专门的一套定义语法，同来表达CSS语法的合法组成。 例如线性渐变的语法为： linear-gradient([ <angle> | to <side-or-corner> ,]? <color-stop-list> ) 如果你不理解CSS的定义语法，那相信是很难阅读上面这串代码的，我们 ......
css笔记
3.CSS样式 css，专门用来“美化”标签。 基础CSS，写简单页面 & 看懂 & 改。 模块，调整和修改。 3.1 快速了解 <img src="..." style="height:100px" /> <div style="color:red;">中国联通</div> 3.2 CSS应用方式 ......
CSS常用样式日常总结(1) - 常用样式集合
1、清除浮动 /*清除浮动*/ .clearfix:after { visibility: hidden; display: block; height: 0; font-size: 0; content: '.'; clear: both; } * html .clearfix { zoom: 1 ......
若分离HTML与CSS，要记得连接外部CSS文件
使用下列代码即可连接，注意CSS文件名和HTML文件名相同： <link rel="stylesheet" type="text/css" href="文件名.css"> 应放在代码头，如下所示： <!DOCTYPE html> <html lang="en"> <head> <meta chars ......
CSS中 设置( 单行、多行 )超出显示省略号
1.设置超出显示省略号 css设置超出显示省略号可分两种情况： 单行文本溢出显示省略号… 多行文本溢出显示省略号… 但使用的核心代码是一样的：需要先使用overflow:hidden;来把超出的部分隐藏，然后使用text-overflow:ellipsis;当文本超出时显示为省略号。 overflo ......
CSS2
一、CSS基础 1.CSS的编写位置 编写位置有3种 1.1行内元素 <h1 style="color:red;font-size:60px;">欢迎来到尚硅谷学习</h1> 1.2内部样式 <style> h1 { color: red; font-size: 40px; } </style> 1 ......
css样式表的书写规范
在学完css基础后，为了更好的写代码，学习书写规范必不可少，以下是部分规范： 命名空间规范 1.布局：以 g 为命名空间，例如：.g-wrap 、.g-header、.g-content。 2.状态：以 s 为命名空间，表示动态的、具有交互性质的状态，例如：.s-current、s-selected ......
css实践
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.or ......
css学习
CSS的原理： 我们知道，CSS写在不同的地方有不同的优先级， .css文件中的定义 < 元素style中的属性，但是如果使用!important，事情就会变得不一样。 首先，先看下面一段代码： <!DOCTYPE HTML><html><head><meta http-equiv="Content ......
css选择器语法使用（以selenium为例）
""" 通过css选择器查找元素 """ # 查找类名属性为plant的第一个元素 element = wd.find_element(By.CSS_SELECTOR, ".plant") # 查找tag属性名为div的第一个元素 element = wd.find_element(By.CSS_S ......
CSS选择器优先级（CSS三大特性：层叠性、继承性、优先级）
本博文介绍CSS三大特性之一：优先级。 1 规则 （1）若选择器相同，则执行层叠性（层叠性：给相同的选择器设置相同的样式，则“后来居上”，后面设置的样式会覆盖前面设置的样式）； （2）若选择器不同，则有优先级。 2 选择器权重 常见的选择器权重如下表： 选择器 权重 继承或者*（通配符） 0,0,0 ......
你不得不了解的CSS数据类型
在我之前的开发中，CSS对于我来说，要用什么找什么，对CSS的了解并不算深入；在我刚开始深入学习CSS时，第一个遇到的就是CSS数据类型，我听说过JS、TS的数据类型，CSS怎么也有数据类型？但是随着我对CSS数据类型的了解，CSS的大门也在缓缓为我打开！！！ 什么是CSS数据类型？ 引用《CSS新 ......
PS——动画
帧动画 一帧一画面 在窗口下点击打开时间轴 勾选创建帧动画 如模拟小球跌落 先做出所有图层 然后点击创建帧动画 如第一帧只需要展示最上面的小球，就可以只显示第一个小球，其他小球隐藏，然后再点新建帧动画，隐藏第一个小球，显示第二小球，以此类推 创建好之后可以返回第一帧，点击播放，查看效果 每一帧的时间 ......
文字下划线hover穿梭特效 - CSS
Code： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conte ......
CSS选择器和属性
CSS选择器 概念：选择器是选取旭设置样式的： 分类： 1.元素选择器 元素名称{color:red;} 2.id选择器 #id属性{color;red;} 3.类选择器 .class属性值{color:red;} <!DOCTYPE html> <html lang="en"> <heah> <m ......
selenium使用css selector和xpath的比较
selenium提供的定位方式（常用） 推荐的定位方式的优先级 优先级最高：ID 优先级其次：name 优先级再次：CSS selector 优先级再次：Xpath针对css selector和xpath的优先级做一个简单的说明在项目中我们可能用的最多的是css或者xpath，那么针对这两种，我们优 ......
记录--CSS 如何实现羽化效果？
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 最近碰到这样一个问题，在一张封面上直接显示书名，可能会存在书名看不太清楚的情况（容易受到背景干扰），如下 为了解决这个问题，设计师提了一个“究极”方案，将书名背后的图片模糊一下，这个在 CSS 中很好实现，仅需backdrop-filte ......
Css导入方式
CSS导入HTML有三种方式： 1.内联样式：在标签内部使用style属性，属性值是css属性键值对 <div style="color: blue"> Hello CSS~</div> 2.内部样式：定义<style>标签，在标签内部定义css样式 <style> div{ color: red; ......
CSS简介
CSS是一门语言，用于控制网页表现 CSS(Cascading Style Sheet)：层叠样式表 W3C标准：网页主要由三部分组成 结构HTML 表现HTML 行为JavaScript <!DOCTYPE html> <html lang="en"> <heah> <meta charset=" ......
CSS效果实现参考
文字溢出用省略号结尾，使有限区域内文字合理显示。 /*单行*/ p{ width:200px; overflow:hidden; text-overflow:ellipsis;/*规定当文本溢出时显示省略符号来代表被修剪的文本*/ white-space:nowrap; } /*多行*/ p{ wi ......
使用 HTML CSS 和 JavaScript 拖放可排序列表，免费源码下载
拖放排序列表是一种广泛使用的 UI 元素，允许用户通过将项目拖放到所需位置来重新排序。这个功能可以在许多网络应用程序中找到，比如任务管理器和电子商务网站。 在这篇博文中，您将学习如何使用 HTML、CSS 和 JavaScript 创建拖放可排序列表。不使用任何外部 JavaScript 库来创建这 ......
Tailwind CSS 与 windicss 谁更好一点
Tailwind CSS 和 windicss 都是基于 utility-first 的 CSS 框架，它们有着相似的设计原则和使用方法。但是它们也有一些不同之处： 文档和社区支持：Tailwind CSS 拥有强大的文档和社区支持，而 windicss 的文档和社区相对较小。这意味着使用 Tail ......
CSS总复习（二）一些属性介绍
CSS字体、文本样式 指定字体 不能指望用户的机器上一定安装了你想使用的字体。解决这个问题的方法是使用Web字体，我们可以直接下载Web字体并使用在自己的页面上，而不需要用户做什么。使用@font-face指定Web字体，如： @font-face { font-family: 'MyFont'; ......
css的行内元素哪些属性不生效。
起因是在解决异常的时候提醒 故而思索，行内元素不能使用边距宽高吗 搜索后发现： 1、不是所有的行内元素都不能使用width、height。比如img 2、行内元素可以使用padding 3、行内元素的左右外边距是生效的，上下不行 ......
CSS总复习（一）基础
CSS是什么 CSS（层叠样式表）用来规定HTML文档的呈现形式（外观和格式编排）。CSS样式由一条或多条以分号隔开的样式声明组成。每条声明包含着一个CSS属性和该属性的值，二者以冒号分隔。 PS：书中有句话很nice：“笨蛋才会为完美的CSS方案纠缠不休”。因为一种效果的实现方式可能有很多种，你只 ......
纯CSS3实现多行文本截断
纯CSS处理多行文本展开和收起，直接上代码和效果图 1 <html> 2 <header> 3 <style> 4 .wrap { 5 position: relative; 6 padding: 5px 25px 25px; 7 border-radius: 5px; 8 box-shadow: ......
css实现横向滚动文字
css如何做横向滚动文字 在css中，想要实现横向滚动的文字，需要利用animation属性和@keyframes 规则来实现元素缩放的动画效果，通过 @keyframes 规则，能够创建动画。 创建动画的原理是，将一套 CSS 样式逐渐变化为另一套样式。在动画过程中，您能够多次改变这套 CSS 样 ......