.attrTitle { color: #FF4A00; font-size: 15px; text-align: center; position: relative;}.ath
原创
2022-08-03 21:38:36
216阅读
狂码近万字,只为让你学会SEO编程,用python实现完美标题自动生成SEO Python公开课 做为实战派,崇尚极客精神,于是有了这篇文章,边撸代码边讲课。 如果你觉得有用,请一定点赞,让我更有动力来制作一系列SEO编程高级公开课。 过去十五年来做过很多流量站,也为数万网站提供SEO服务,仔细回想,所有SEO工作里面,最重要但又效率低的工作,就是为页面编写TDK,特
.flex-content::before { content: ""; position: absolute; bottom: 0; z-index: 10; width: 100%; height: 10px; background-image: -webkit-radial-gradient( ...
转载
2021-07-20 11:41:00
2168阅读
2评论
一直以来,使用纯 CSS 实现波浪效果都是十分困难的。因为实现波浪的曲线需要借助贝塞尔曲线。 而使用纯 CSS的方式,实现贝塞尔曲线,暂时是没有很好的方法。当然,借助其他力量(SVG、CANVAS),是可以很轻松的完成所谓的波浪效果的,先看看,非 CSS 方式实现的波浪效果。使用 SVG 实现波浪效果借助 SVG ,是很容易画出三次贝塞尔曲线的。看看效果: 代码如下:<s
转载
2023-08-25 20:02:49
423阅读
样子如下图所示:上代码<!DOCTYPE html><html lang="zh-cn"><head> <meta meta...
原创
2023-03-15 09:39:56
462阅读
<div style="float:left;width: 5px;height: 20px; background: #000;"></div>
原创
2023-05-25 18:23:01
31阅读
总结实现抛物线步骤:1、抛物线运动元素使用至少内外两层标签,可以外面一层<div>,里面是<img>图片2、内外两次标签一个负责水平方向的translate移动,一个负责垂直方向的translate移动,然后使用不同的缓动函数(timing-function)注意:外层标签控制水平方向的移动,速度为匀速,内层标签控制垂直方向的移动,速度为先慢后快这其实也不难理解,比方说我们
转载
2023-07-09 20:28:50
157阅读
1、display,使用none值会让元素从文档中直接删除,”直接消失不见了”用法:display:none优点:简单暴力,不需要多余代码。不占空间,对布局没影响。缺点:元素从文档删除,不利于seo2、text-indent,一般是首行缩2个中文字的用法是text-indent:2em。但当给他一个足够大的负值,大到一般我们浏览器无法显示。用法:text-indent:-999em优点:利于搜索引
转载
2023-09-08 23:56:33
35阅读
css
.wave{
margin-top: 345px;
background-image: linear-gradient(45deg,transparent 45%,red 55%,transparent 60%),linear-gradient(135deg,transparent 45%,red 55%,transparent
转载
2023-06-07 22:40:30
1188阅读
标题标签 (1): 标签格式: <h1>对应的文字</h1> , <h2>对应的文字</h2> , ..... <h6>对应的文字</h6> (2): 标签的特点: 从h1到h6依次变小,并且带有换行 水平线标签 (1): 标签的格式: <hr/> (2): 标签的属性: (a): color:设置
原创
2021-08-13 10:09:43
304阅读
CSS: Cascading Style Sheets层叠样式表 内容和样式相分离,便于修改样式,类似于数字电路中的分层设计,底层的修改不会影响到高层,具有重用性。显然这是方便的。下面介绍CSS样式的三种添加方法: 行内添加样式 内嵌添加样式 外部文件添加样式 1.行内添加样式直接将属性和属性取值的设定直接添加到当前标签的内部,style="设置"<!DOCTYPE html>
<
转载
2024-02-12 08:31:57
66阅读
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="://www.w3.org/1999/xhtml"><head><meta h
原创
2022-03-26 10:55:31
545阅读
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS3 边框</title></head><body><style>a { color: #f30; ...
原创
2022-07-12 17:10:40
827阅读
CSS 删除线是一个 CSS 属性,它使文本看起来像是被删除线一样,就像这样。在网络开发和写作中,这经常用于表示文本已被删除或不再相关。但它也可以用于不同的事情。删除线可以应用于 span 元素、段落、div、显示内联块或任何其他需要文本修饰的元素。除了下划线、斜体和粗体,CSS 删除线也是通过 HTML 元素传达信息的好方法。今天,我们将看看如何在CSS或 HTML 中使用删除线(称为划线),为
原创
2023-05-30 17:25:35
2265阅读
index.css /* index.css是用来美化首页的 */ * { margin: 0; padding: 0; /* 內减模式 */ box-sizing: border-box; } li { list-style: none; } a { text-decoration: none;
原创
2022-06-26 00:03:37
55阅读
网站中经常出现一些标题比较长的文章,再调用标题时为了使整体布局美观,需要将标题控制在一行显示,并且截取一定的长度,截取的地方用省略号代替。虽然用动态语言可以对其控制,但是这样做是不利于搜索引擎收录的,而CSS很巧妙地解决了这个问题,请看下面的代码:代码一:用于非表格LI或span等都可以.text-...
转载
2015-03-25 10:38:00
135阅读
2评论