CSS样式表应用详解与常用特效

版权申诉

168 浏览量更新于2024-07-03 收藏 1.21MB PDF 举报

"网页设计基础-11CSS的应用2.pdf" 本文档主要介绍了CSS（Cascading Style Sheets）样式表的使用，包括创建、编辑、选用CSS外部样式表以及常用的CSS特效滤镜的使用方法。CSS是用于控制网页内容外观显示的一系列格式设置规则，它使得网页设计者能够更灵活地布局网页，提升内容呈现效果。首先，文档回顾了CSS的基础知识。CSS样式是对网页元素（如字体、段落、图像、列表等）属性的整体设定，而层叠的概念是指当一个HTML文件引用多个CSS文件时，处理样式冲突的机制，遵循层次先后原则。通过CSS，设计者可以预先定义格式，避免重复编写标签，从而更高效地管理网页样式。接着，文档提到了CSS的基本语法，采用选择器来指定要应用样式的元素。例如，body选择器用于设置整个页面的字体，p选择器则可设定段落的对齐方式、颜色和字体。此外，还介绍了类选择符、ID选择符和包含选择符，这些选择器允许更精确地定位和设置元素样式。例如，类选择符`.red`可以为所有具有`class="red"`的元素设置红色文本，而ID选择符`#id1`则专门针对具有特定ID的元素。文档还回顾了CSS样式表的三种插入方式： 1. 嵌入样式表：将CSS直接写在HTML元素中，如`<table style="color:red;font-size:10pt">`。 2. 内部样式表：在HTML文件的`<head>`部分定义样式，如`<style>`标签内编写CSS规则。 3. 外部样式表：创建单独的.css文件，通过`<link>`标签将其链接到HTML文件，这样可以实现样式复用和更好的代码组织。最后，文档提到了CSS特效滤镜的使用，虽然没有具体展开，但通常这些特效包括图像变换、透明度控制、动画效果等，它们能为网页增添互动性和视觉吸引力。学习者可以通过提供的在线参考资料进一步探索CSS的更多细节和高级技巧。这份文档是CSS初学者的良好参考资料，涵盖了基本概念、语法和应用方式，对于理解CSS在前端网页设计中的作用及其重要性具有很大帮助。通过学习，读者可以掌握创建美观、高效且易于维护的网页设计的关键技能。

2015/5/15

设置字体样式

 文字的大小写Text-transform

 用来控制英文单词的大小写转换

 capitalize: 每个单词的首字母大写

 uppercase :所有单词字母大写

 lowercase: 所有单词字母小写

 none : 默认值显示

 文字的修饰 text-decoration

 对文字添加修饰

 underline|overline|line-through|blink

 underline: 下划线

 overline: 上划线

 line-through: 删除线

 blink: 添加文字闪烁效果 (在Netscape浏览器中正常显示)

 none: 没有修饰，是默认值

设置字体样式

该文档是极速PDF编辑器生成，

如果想去掉该提示,请访问并下载：

http://www.jisupdfeditor.com/

剩余27页未读，继续阅读

wxg520cxl

粉丝: 25
资源: 3万+

CSS样式表应用详解与常用特效

网页设计与制作-1期 参考文献.pdf

网页设计三剑客中文版教程之-网页设计基础借鉴.pdf

常见的文件扩展名以及类型

postcss-px-to-viewport.d.ts

yepnope({ test : Modernizr.csstransforms, yep: ['../../lib/turn.min.js'], nope: ['../../lib/turn.html4.min.js', 'css/jquery.ui.html4.css', 'css/steve-jobs-html4.css'], both: ['js/steve-jobs.js', 'css/jquery.ui.css', 'css/steve-jobs.css'], complete: loadApp });

jquery-ui-themes.css

Not Found: /user/static/plugins/bootstrap-3.4.1-dist/css/bootstrap.css

canvas-bg-1.css

npm install --save github-markdown-css/github-markdown.css

[data-xx] .css 与 .css[data-xx] 的区别

最新资源

网页设计与制作-1期参考文献.pdf