css 字体添加外轮廓

最新推荐文章于 2024-05-30 13:20:27 发布

公子肆

最新推荐文章于 2024-05-30 13:20:27 发布

阅读量561

点赞数 6

文章标签： css 前端

本文链接：https://blog.csdn.net/qq_38805301/article/details/134827391

版权

color: #ffeb3b;
-webkit-text-stroke: 10px transparent;
background: linear-gradient(90deg,#5d3d02f5,#5d3d02f5,#5d3d02f5,#5d3d02f5,#5d3d02f5,#5d3d02f5,#5d3d02f5) top left / 100% 100%;
-webkit-background-clip: text;

在这里插入图片描述

优惠劵

公子肆

关注关注

6
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
css 字体添加外轮廓

【代码】css 字体添加外轮廓。
复制链接

扫一扫

疯狂HTML 5+CSS 3+JavaScript讲义（第2版）+源代码

11-19

目录第1章　HTML 5简介 1 1.1　HTML历史与HTML 5 2 1.2　HTML 5的优势 6 1.3　HTML 5的基本结构和语法变化 8 1.4　本章小结 12 第2章　HTML 5的常用元素与属性 14 2.1　HTML 5保留的常用元素 15 2.2　HTML 5增强的iframe元素 34 2.3　HTML 5保留的通用属性 40 2.4　HTML 5新增的通用属性 44 2.5　HTML 5新增的结构元素 48 2.6　HTML 5新增的语义元素 55 2.7　HTML 5头部和元信息 59 2.8　HTML 5新增的拖放API 63 2.9　本章小结 71 第3章　HTML 5表单相关的元素和属性 72 3.1　HTML原有的表单及表单控件 73 3.2　HTML 5新增的表单属性 83 3.3　HTML 5新增的表单元素 90 3.4　HTML 5新增的客户端校验 96 3.5　本章小结 100 第4章　HTML 5的绘图支持 101 4.1　使用canvas元素 102 4.2　绘图 103 4.3　坐标变换 118 4.4　控制叠加风格 123 4.5　控制填充风格 124 4.6　位图处理 128 4.7　输出位图 132 4.8　动画制作 133 4.9　本章小结 136 第5章　HTML 5的多媒体支持 137 5.1　使用audio和video元素 138 5.2　使用JavaScript脚本控制媒体播放 141 5.3　事件监听 144 5.4　track元素 146 5.5　本章小结 149 第6章　级联样式单与CSS选择器 150 6.1　样式单概述 151 6.2　CSS样式单的基本使用 152 6.3　CSS选择器 158 6.4　伪元素选择器 167 6.5　CSS 3新增的伪类选择器 176 6.6　在脚本中修改显示样式 195 6.7　本章小结 197 第7章　字体与文本相关属性 198 7.1　字体相关属性 199 7.2　CSS 3支持的颜色表示方法 205 7.3　文本相关属性 206 7.4　CSS 3新增的服务器字体 212 7.5　本章小结 215 第8章　背景、边框和边距相关属性 216 8.1　盒模型简介 217 8.2　背景相关属性 217 8.3　使用渐变背景 226 8.4　边框相关属性 239 8.5　使用opacity控制透明度 246 8.6　padding和margin相关属性 247 8.7　本章小结 249 第9章　大小、定位、轮廓相关属性 250 9.1　width、height相关属性 251 9.2　定位相关属性 255 9.3　轮廓相关属性 257 9.4　用户界面和滤镜属性 258 9.5　本章小结 263 第10章　盒模型与布局相关属性 264 10.1　盒模型和display属性 265 10.2　对盒添加阴影 275 10.3　布局相关属性 278 10.4　CSS 3新增的多栏布局 285 10.5　使用弹性盒布局 289 10.6　本章小结 306 第11章　表格、列表相关属性及media query 307 11.1　表格相关属性 308 11.2　列表相关属性 313 11.3　控制光标的属性 316 11.4　media query和响应式布局 317 11.5　本章小结 323 第12章　变形与动画相关属性 324 12.1　CSS 3提供的变形支持 325 12.2　CSS 3新增的3D变换 337 12.3　CSS 3提供的Transition动画 341 12.4　CSS 3提供的Animation动画 345 12.5　本章小结 349 第13章　JavaScript语法详解 350 13.1　JavaScript简介 351 13.2　数据类型和变量 356 13.3　基本数据类型 364 13.4　复合类型 376 13.5　运算符 381 13.6　语句 391 13.7　流程控制 395 13.8　函数 403 13.9　函数的参数处理 425 13.10　面向对象 429 13.11　创建对象 437 13.12　本章小结 443 第14章　DOM编程详解 444 14.1　DOM模型概述 445 14.2　DOM模型和HTML文档 446 14.3　访问HTML元素 448 14.4　修改HTML元素 456 14.5　增加HTML元素 458 14.6　删除HTML元素 463 14.7　传统的DHTML模型 467 14.8　使用window对象 469 14.9　navigator和地理定位 479 14.10　HTML 5增强的History API 485 14.11　使用document对象 490 14.12　HTML 5新增的浏览器分析 493 14.13　本章小结 496 第15章　事件处理机制 497 15.1　事件模型的基本概念 498 15.2　绑定事件处理函数 499 15.3　事件处理函数的执行环境 505 15.4　事件类型 521 15.5　本章小结 534 第16章　本地存储与离线应用 535 16.1　Web Storage 536 16.2　Indexed数据库API 545 16.3　离线应用 564 16.4　本章小结 571 第17章　文件支持与二进制数据 572 17.1　HTML 5增强的文件上传域 573 17.2　ArrayBuffer与TypedArray 578 17.3　Blob类 583 17.4　本章小结 587 第18章　Web Worker多线程API 588 18.1　使用Worker创建多线程 589 18.2　与Worker线程进行数据交换 591 18.3　Worker线程嵌套 594 18.4　使用SharedWorker创建共享线程 597 18.5　Promise 603 18.6　本章小结 611 第19章　客户端通信 612 19.1　跨文档消息传递 613 19.2　使用WebSocket与服务器通信 621 19.3　使用Server-Sent Events API 630 19.4　使用Beacon 635 19.5　本章小结 636 第20章　HTML 5的疯狂俄罗斯方块 637 20.1　俄罗斯方块简介 638 20.2　开发游戏界面 639 20.3　俄罗斯方块的数据模型 640 20.4　实现游戏逻辑 644 20.5　本章小结 654

XML实用大全(web开发必备手册)

12-05

web开发必备手册内容：第一部分 XML简介... 9 第1章 XML概览... 9 1.1 什么是XML. 10 1.1.1 XML是元标记语言... 10 1.1.2 XML描述的是结构和语义，而不是格式化... 10 1.2 为什么开发人员对XML感到激动... 13 1.2.1 设计与特定领域有关的标记语言... 13 1.2.2 自描述数据... 13 1.2.3 应用间交换数据... 14 1.2.4 结构化和集成的数据... 14 1.3 XML文档的“生命”. 15 1.3.1 编辑器... 15 1.3.2 语法分析程序和处理程序... 15 1.3.3 浏览器和其他工具... 15 1.3.4 处理过程总结... 15 .4 相关技术... 17 1.4.1 超文本标记语言（Hypertext Markup Language）... 17 1.4.2 级联样式单（Cascading Style Sheets）... 17 1.4.3 可扩展的样式语言（Extensible Style Language）... 17 1.4.4 URL和URI 18 1.4.5 XLink和XPointer 18 1.4.6 Unicode字符集... 19 1.4.7 如何将这些技术融合在一起... 19 1.5 本章小结... 20 第2章 XML应用简介... 21 2.1 什么是XML应用程序... 21 2.1.1 化学标记语言（Chemical Markup Language）... 21 2.1.2 数学标记语言（Mathematical Markup Language）... 22 2.1.3 频道定义格式... 25 2.1.4 经典文学... 26 2.2 用于XML的XML. 28 2.2.1 XSL. 28 2.2.2 XLL. 28 2.2.3 DCD.. 29 2.3 XML的后台应用... 30 2.4 本章小结... 33 第3章第一个XML文档... 34 3.1 Hello XML. 34 3.1.1 创建一个简单的XML文档... 34 3.1.2 保存XML文件... 35 3.1.3 将XML文件装入Web浏览器... 35 .2 考察简单的XML文档... 37 3.3 赋于XML标记以意义... 39 .4 为XML文档编写样式单... 40 .5 将样式单附加到XML文档上... 41 3.6 本章小结... 43 第4章数据的结构化... 44 4.1 检查数据... 44 4.1.1 击球手... 44 4.1.2 投球手... 46 4.1.3 XML数据的组织... 46 4.2 数据的XML化... 48 4.2.1 开始编写文档：XML声明和根元素... 48 4.2.2 联赛（League）、（分部）Division和（球队）Team数据的XML化... 49 4.2.3 球员数据的XML化... 52 4.2.4 球员统计数据的XML化... 53 4.2.5 将XML组装在一起... 56 4.3 XML格式的优点... 71 4.4 编制样式单以便显示文档... 72 4.4.1 与样式单连接... 73 4.4.2 为根元素指定样式规则... 74 4.4.3 为标题指定样式规则... 75 4.4.4 为球员和统计元素指定样式规则... 79 4.4.5 本节小结... 80 4.5 本章小结... 85 第5章属性、空标记和XSL. 86 5.1 属性... 86 5.2 属性与元素的对比... 95 5.2.1 结构化的元数据... 95 5.2.2 元元数据... 99 5.2.3 有关元数据的说明... 100 5.2.4 元素更具扩展性... 100 5.2.5 使用属性的最佳时机... 100 5.3 空标记... 102 5.4 XSL. 103 5.4.1 XSL样式单模板... 103 5.4.2 文档的主体... 104 5.4.3 标题... 106 5.4.4 联赛、分部和球队... 108 5.4.5 球员... 114 5.4.6 区分投手与击球手... 117 5.4.7 元素内容与select属性... 125 5.4.8 CSS还是XSL. 129 5.5 本章小结... 130 第6章结构完整的XML文档... 131 6.1 XML文档的组成... 131 6.2 置标和字符数据... 132 6.2.1 注释... 132 6.2.2 实体引用... 134 6.2.3 CDATA. 135 6.2.4 标记... 136 6.2.5 属性... 138 6.3 独立文档中结构完整的XML. 140 6.4 结构完整的HTML. 145 6.4.1 现实的Web页面存在的问题... 145 6.4.2 HTML整理工具... 153 6.5 本章小结... 156 第7章外文和非罗马文本... 157 7.1 Web上的非罗马文字... 157 .2 文字、字符集、字体和字形... 161 7.2.1 文字的字符集... 161 7.2.2 字符集的字体... 161 7.2.3 字符集的输入法... 161 7.2.4 操作系统和应用软件... 162 7.3传统字符集... 163 7.3.1 ASCII字符集... 163 7.3.2 ISO字符集... 164 7.3.3 MacRoman字符集... 166 7.3.4 Windows ANSI字符集... 167 7.4 Unicode字符集... 169 7.4.1 UTF-8. 171 7.4.2 通用字符系统... 171 7.5 如何使用Unicode编写XML. 173 7.5.1 利用字符引用在XML文件中插入字符... 173 7.5.2 其他字符集与Unicode字符集之间的转换... 173 7.5.3 如何使用其他字符集编写XML. 174 7.6 本章小结... 176 第二部分文档类型定义... 177 第8章文档类型定义和合法性... 177 8.1 文档类型定义... 177 8.2 文档类型声明... 179 8.3 根据DTD的合法性检验... 182 8.4 列出元素... 187 8.5 元素声明... 195 8.5.1 ANY. 195 8.5.2 #PCDATA. 195 8.5.3 子元素列表... 198 8.5.4 序列... 200 8.5.5 一个或多个子元素... 200 8.5.6 零或多个子元素... 201 8.5.7 零或一个子元素... 201 8.5.8 完整的文档和DTD.. 203 8.5.9 选择... 214 8.5.10 带括号的子元素... 215 8.5.11 混合内容... 217 8.5.12 空元素... 218 8.6 DTD中的注释... 220 8.7 在文档间共享通用的DTD.. 228 8.7.1 远程URL上的DTD.. 235 8.7.2 公共的DTD.. 236 8.7.3 内部和外部DTD子集... 237 8.8 本章小结... 241 第9章实体和外部DTD子集... 242 9.1 什么是实体？... 242 .2 内部通用实体... 244 9.2.1 定义内部通用实体引用... 244 9.2.2 在DTD中使用通用实体引用... 246 9.2.3 预定义通用实体引用... 247 9.3 外部通用实体... 248 .4 内部参数实体... 251 9.5 外部参数实体... 253 .6 根据片段创建文档... 260 9.7 结构完整的文档中的实体和DTD.. 274 9.7.1 内部实体... 274 9.7.2 外部实体... 276 9.8 本章小结... 283 第10章 DTDs中的属性声明... 284 10.1 什么是属性？... 284 10.2 在DTD中声明属性... 285 10.3 声明多个属性... 287 10.4 指定属性的缺省值... 288 10.4.1 #REQUIRED.. 288 10.4.2 #IMPLIED.. 288 10.4.3 #FIXED.. 289 10.5 属性类型... 290 10.5.1 CDATA属性类型... 290 10.5.2 Enumerated属性类型... 290 10.5.3 NMTOKEN属性类型... 291 10.5.4 NMTOKENS属性类型... 291 10.5.5 ID属性类型... 292 10.5.6 IDREF属性类型... 292 10.5.7 ENTITY属性类型... 293 10.5.8 ENTITIES 属性类型... 294 10.5.9 NOTATION属性类型... 294 10.6 预定义属性... 296 10.6.1 xml：space. 296 10.6.2 xml：lang. 297 10.7 基于属性的棒球统计数据的DTD.. 300 10.7.1 在DTD中声明SEASON的属性... 302 10.7.2 在DTD中声明DIVISION和LEAGUE属性... 302 10.7.3 在DTD中声明TEAM属性... 302 10.7.4 在DTD中声明PLAYER的属性... 303 10.7.5 棒球比赛统计数据示例的完整DTD.. 306 10.8 本章小结... 309 第11章嵌入非XML数据... 310 11.1 记号... 310 11.2 不可析外部实体... 314 11.2.1 声明不可析实体... 314 11.2.2 嵌入不可析实体... 314 11.2.3 嵌入多个不可析实体... 317 11.3 处理指令... 319 11.4 DTD的条件部分... 322 11.5 本章小结... 324 第三部分样式语言... 325 第12章级联样式单级别1. 325 12.1 什么是CSS？... 325 12.2 样式单与文档的链接... 327 12.3 选择元素... 331 12.3.1 成组选择符... 331 12.3.2 伪元素... 331 12.3.3 伪类(pseudo-classe) 332 12.3.4 由ID来选择... 335 12.3.5 上下文的选择符... 335 12.3.6 STYLE特性... 336 12.4 继承性... 337 12.5 级联过程... 339 12.5.1 @import指令... 339 12.5.2 !important声明... 339 12.5.3 级联顺序... 339 12.6 在CSS样式单中添加注释... 341 12.7 CSS中的单位... 342 12.7.1 长度值... 342 12.7.2 URL值... 344 12.7.3 颜色值... 345 12.7.4 关键字值... 346 12.8 块、内联或列表项元素... 347 12.8.1 列表项... 352 12.8.2 whitespace属性... 354 12.9 字体属性... 357 12.9.1 font-family属性... 357 12.9.2 font-style属性... 358 12.9.3 font-variant属性... 359 12.9.4 font-weight属性... 359 12.9.5 font-size属性... 360 12.9.6 font简略属性... 362 12.10 颜色属性... 364 12.11 背景属性... 365 12.11.1 background-color属性... 365 12.11.2 background-image属性... 365 12.11.3 background-repeat属性... 367 12.11.4 background-attachment属性... 368 12.11.5 background-position属性... 369 12.12 文本属性... 373 12.12.1 word-spacing属性... 373 12.12.2 letter-spacing属性... 374 12.12.3 text-decoration属性... 374 12.12.4 vertical-align属性... 375 12.12.5 text –transform属性... 376 12.12.6 text-align属性... 377 12.12.7 text-indent属性... 378 12.12.8 line-height属性... 378 12.13 框属性... 380 12.13.1 页边距属性... 380 12.13.2 边框线属性... 381 12.13.3 贴边属性... 384 12.13.4 大小属性... 385 12.13.5 定位属性... 386 12.13.6 float属性... 386 12.13.7 clear属性... 387 12.14 本章小结... 389 第13章级联样式单级别2. 389 13.1 CSS2中有哪些新特点？... 389 13.1.1 新的伪类... 390 13.1.2 新的伪元素... 390 13.1.3 媒体类型... 390 13.1.4 分页媒体... 390 13.1.5 国际化... 390 13.1.6 可视格式化控制... 391 13.1.7 表格... 391 13.1.8 生成的内容... 391 13.1.9 有声样式单... 391 13.1.10 新工具... 391 13.2 选择元素... 393 13.2.1 式样匹配... 393 13.2.2 通配符... 394 13.2.3 后代和子代选择符... 394 13.2.4 直系同属选择符... 396 13.2.5 特性选择符... 396 13.2.6 @规则... 396 13.2.7 伪元素... 400 13.2.8 伪类... 401 13.3 格式化页面... 403 13.3.1 大小属性... 403 13.3.2 页边距属性... 403 13.3.3 标记属性... 403 13.3.4 页面属性... 403 13.3.5 分页符属性... 404 13.4 可视格式化... 405 13.4.1 显示属性... 405 13.4.2 宽度和高度属性... 407 13.4.3 overflow属性... 407 13.4.4 clip属性... 408 13.4.5 visibility属性... 408 13.4.6 cursor属性... 409 13.4.7 相关的颜色属性... 410 13.5 框... 412 13.5.1 轮廓属性... 412 13.5.2 定位属性... 413 13.6 计数器和自动编号... 417 13.7 有声样式单... 419 13.7.1 说话属性... 420 13.7.2 音量属性... 420 13.7.3 暂停属性... 420 13.7.4 提示属性... 421 13.7.5 同期播放属性... 421 13.7.6 空间属性... 421 13.7.7 音质属性... 422 13.7.8 话音属性... 424 13.8 本章小结... 425 第14章 XSL变换... 426 14.1 何为XSL？... 426 14.2 XSL变换概述... 428 14.2.1 树形结构... 428 14.2.2 XSL 样式单文档... 430 14.2.3 在何处进行XML变换... 431 14.2.4 如何使用XT. 432 14.2.5 直接显示带有XSL样式单的XML文件... 434 14.3 XSL模板... 436 14.3.1 xsl:apply-templates元素... 436 14.3.2 select特性... 438 14.4 使用xsl:value-of来计算节点值... 440 14.5 使用xsl:for-each处理多个元素... 442 14.6 匹配节点的模式... 444 14.6.1 匹配根节点... 444 14.6.2 匹配元素名... 445 14.6.3 使用/字符匹配子节点... 447 14.6.4 使用//符号匹配子代... 448 14.6.5 通过ID匹配... 449 14.6.6 使用@来匹配特性... 449 14.6.7 使用comments()来匹配注释... 451 14.6.8 使用pi()来匹配处理指令... 452 14.6.9 用text()来匹配文本节点... 452 14.6.10 使用“或”操作符| 453 14.7 选择节点的表达式... 454 14.7.1 节点轴... 454 14.7.2 表达式类型... 462 14.8 缺省的模板规则... 471 14.8.1 元素的缺省规则... 471 14.8.2 文本节点的缺省规则... 471 14.8.3 两个缺省规则的含义... 471 14.9 决定输出要包含的内容... 473 14.9.1 使用特性值模板... 473 14.9.2 使用xsl:element将元素插入到输出文档中... 475 14.9.3 使用xsl:attribute将特性插入到输出文档中... 476 14.9.4 定义特性集合... 477 14.9.5 使用xsl:pi生成处理指令... 478 14.9.6 使用xsl:comment生成注释... 478 14.9.7 使用xsl:text生成文本... 479 14.10 使用xsl:copy复制当前节点... 480 14.11 使用xsl:number为节点计数... 483 14.11.1 缺省数值... 484 14.11.2 数字到字符串的变换... 486 14.12 对输出元素排序... 488 14.13 CDATA和<符... 491 14.14 方式... 493 14.15 使用xsl:variable定义常数... 496 14.16 命名模板... 496 14.16.1 参数... 498 14.17 删除和保留空白... 501 14.18 选择... 503 14.18.1 xsl:if 503 14.18.2 xsl:choose. 503 14.19 合并多个样式单... 505 14.19.1 使用xsl:import进行录入... 505 14.19.2 使用xsl:include进行包括... 505 14.19.3 使用xsl:stylesheet在文档中嵌入样式单... 505 14.20 本章小结... 508 第15章 XSL格式化对象... 508 15.1 XSL格式化语言概述... 509 15.2 格式对象及其属性... 510 15.2.1 fo命名域... 511 15.2.2 格式化属性... 513 15.2.3 转换成格式化对象... 518 15.2.4 使用FOP. 520 15.3 页面布局... 522 15.3.1 主控页面... 522 15.3.2 页序列... 525 15.4 内容... 530 15.4.1 块级格式化对象... 530 15.4.2 内联格式化对象... 531 15.4.3 表格格式化对象... 532 15.4.4 外联格式化对象... 532 15.5 水平线... 533 15.6 图形... 534 15.7 链接... 535 15.8 列表... 536 15.9 表格... 538 15.10 字符... 542 15.11 序列... 543 15.12 脚注... 544 15.13 浮动... 544 15.14 XSL格式化属性... 546 15.14.1 单位和数据类型... 546 15.14.2 消息属性... 548 15.14.3 段落属性... 548 15.14.4 字符属性... 551 15.14.5 句子属性... 552 15.14.6 区域属性... 555 15.14.7 听觉属性... 560 15.15 本章小结... 562 第四部分补充技术... 563 第16章 XLink. 563 16.1 XLink与HTML链接的对比... 563 16.2 简单链接... 565 16.2.1 本地资源的描述... 566 16.2.2 远程资源的描述... 567 16.2.3 链接行为... 568 16.3 扩展链接... 575 16.4 外联链接... 579 16.5 扩展链接组... 581 16.5.1 一个实例... 581 16.5.2 steps特性... 583 16.6 重命名XLink特性... 585 16.7 本章小结... 586 第18章命名域... 588 18.1 何为命名域... 588 18.2 命名域句法... 591 18.2.1 命名域的定义... 591 18.2.2 多个命名域... 592 18.2.3 特性... 595 18.2.4 缺省的命名域... 596 18.3 DTD中的命名域... 600 18.4 本章小结

参与评论您还未登录，请先登录后发表或查看评论

brackets-custom-css:更改括号的基本样式.io

06-26

括号自定义CSS 这是一个无巫毒扩展，它可以做到它所说的并且仅此而已。只需修改并将自定义 css 样式应用到括号 ui... 打开帮助/扩展文件夹转到用户 / tobibeer.brackets-custom-css 打开styles.css 使用 F12（开发人员工具）检查括号的元素添加所需的样式保存更改通过 f5 重新加载括号 ui 重复直到满意默认样式会稍微增加侧边栏和轮廓字体大小。当可以为括号定义独立于主题的时，此扩展将消失。

CSS的发展：如何通过CSS样式添加文字轮廓

WPHunter的编程技术资料库！

01-25

912

在这篇文章中，我们将深入研究使用CSS对文本轮廓进行造型的艺术，并探讨它是如何与你可以使用的各种选项一起工作的。

【CSS3系列】第三章 · CSS3新增边框和文本属性

麟-小白的博客

06-03

1037

Hello大家好，我是【麟-小白】，一位软件工程专业的学生，喜好计算机知识。希望大家能够一起学习进步呀！本人是一名在读大学生，专业水平有限，如发现错误或不足之处，请多多指正！！！如果小哥哥小姐姐们对我的文章感兴趣，请不要吝啬你们的小手，多多呀！❤❤❤爱你们！！！【往期回顾】1.CSS3新增边框属性1.1边框圆角在CSS3中，使用borderradius属性可以将盒子变为圆角。

css给字体添加描边效果

qq_40507015的博客

01-03

178

利用text-shadow属性给字体添加描边效果。

CSS学习（3） - 轮廓文本和字体图标

ylh的博客

04-19

1423

CSS学习记录（3），本文讲解了CSS的元素框的轮廓outline 和文本样式 text letter和words，以及字体 font 图标等内容

CSS - 文本文字增加外框、阴影、边框

CodingmanNAN的博客

01-29

1375

文本增加阴影及描边等

字体外面怎么加边框_CSS如何给字体加边框

weixin_39613637的博客

12-24

2755

这篇文章讲解一下如何通过css给字体加边框我们先看效果相关代码span {font-size: 28px;color: red;text-shadow: 4px 4px 0 white, 4px -4px 0 white, -4px -4px 0 white, -4px 4px 0 white, 4px 3px 0 white, 4px -3px 0 white, -4px -3px 0 whit...

CSS3外轮廓属性

天外野草技术专栏

05-02

672

外轮廓outline在页面中呈现的效果和边框border呈现的效果极其相似，但和元素边框border完全不同，外轮廓线不占用网页布局空间，不一定是矩形，外轮廓是属于一种动态样式，只有元素获取到焦点或者被激活时呈现。 outline属性早在CSS2中就出现了，主要是用来在元素周围绘制一条轮廓线，可以起到突出元素的作用。但是并未得到各主流浏览器的广泛支持，在CSS3中对outline作了一定

CSS 媒体查询响应式开发

生产队的驴

05-27

212

媒体查询（Media Queries）是CSS3的技术，可以根据设备的特性（如屏幕宽度、高度、方向等）来应用不同的样式规则。媒体查询可以使网页在不同设备上呈现不同的样式，以实现响应式设计。

css-垂直居中的几种写法

xxuxioxx的博客

05-27

247

垂直居中的几种写法

在HTML和CSS当中运用显示隐藏

J3259392566的博客

05-29

502

IE6 和部分 IE7 内核的浏览器 ( 如 QQ 浏览器)会读懂 rgba，解析后颜色为透明，其实应该是 null那么使用opacity实现背景透明，文字不透明是可取的。在IE6、7中，需要激活IE 的 haslayout 属性(如:*zoom:1 或者 *overflow:hidden)，让它读懂 filter:Al-在IE6、7、8中，设置了filter:Alpha的元素，父元素设置position:static(默认属性)，其子元素为相对定位可让子元素不透明。overflow-x只包括水平方向。

css让padding、border不占据宽度

于忠会的博客

05-29

335

有时我们不希望 padding 影响到 div 的实际宽度。以前只能手动计算 width，从 CSS3 开始可以通过 box-sizing 来做到这一点。则包含 padding，div 的实际宽度为 120px。CSS3 新增了 box-sizing 属性。则 div 的实际宽度为 120px。以前，如果指定 div 的宽度为。

CSS弹性布局方式，及其常用属性

“相关推荐”对你有帮助么？

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交