HTML+CSS基础知识5

css之文本编辑

文章目录 css之文本编辑体验css字体标签文本属性样式表案例 css之文本编辑体验css <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta http-equiv"X-UA-Compatible" content"IEedge"&…

建站知识 2025/1/29 13:55:03

CSS【详解】边框 border，边框-圆角 border-radius，边框-填充 border-image，轮廓 outline

边框 border border 是以下三种边框样式的简写： border-width 边框宽度 —— 数值 px（像素）,thin（细）,medium（中等）,thick（粗）border-style 边框线型 —— none【默认值…

建站知识 2025/1/29 13:47:47

CSS【详解】文本相关样式（含 font 系列样式，文本颜色 color，三种颜色表示法，文本排版-含最佳实战范例，文本装饰，分散对齐，渐变色文本，文本超长显示省略号等）

文本风格 font-style font-style:italic 值描述normal默认值。浏览器显示一个标准的字体样式。italic加载对应字体的斜体字体文件，若找不到斜体字体文件，则进行物理上的倾斜。标签默认font-style:italicoblique浏览器会显示一个倾斜的字体样式。文本粗…

建站知识 2025/1/28 4:14:12

css图标合并——ClipPath Sprites技术

为了方便图标管理，往往会把众多小图标合在一个SVG元素中，这种处理技术称为“ClipPath Sprites技术”。实现原理：使用clip-path对合并后的内联svg图标进行裁剪显示。注意事项： 内联的SVG元素不能使用display:none或者visibilit…

建站知识 2025/1/28 7:35:02

HTML+CSS仿写京东购物车静态页面附代码（web前端期末大作业）

前言： “我本来打算用JavaScript来实现一些功能，但无奈自己的水平有限，用到一半就不得不放弃了。看来我的JavaScript技能还有待提高啊！不过，我还是想给大家展示一下我目前的效果。（水平有限请见谅&#xf…

建站知识 2025/1/28 9:23:18

CSS之段落样式

1、文本缩进标签：text-indent （indent v. 缩进）含义：首行缩进和字体大小有关：1个em等于一个字体大小 2、文本对齐方式标签：text-align (align v. 调整，使一致)种类：左对齐、右对…

建站知识 2025/1/28 5:43:18

.div{/*块状元素的水平居中 */margin: 0 auto;};.contaniner{/*行内元素的水平居中 */text-align: center;}.center{position: absolute;top: 50%;left: 50%;margin: -50px 0 0 -50px; }转载于:https://www.cnblogs.com/alan-alan/p/7497258.html

建站知识 2025/1/28 5:42:52

CSS【实战】抽屉动画

效果预览技术要点实现思路元素固定布局（fixed）在窗口最右侧外部js 定时器改变元素的 right 属性，控制元素移入，移出过渡动画 transition transition: 过渡的属性过渡的持续时间过渡时间函数延迟时间此处改变的是 right …

建站知识 2025/1/28 5:44:35

相关文章