作者:手机用户2702933093 | 来源:互联网 | 2023-05-19 00:21
又遇见了CSS,第一次接触它是在牛腩新闻发布系统中,那时候,知道了它是用来帮助我们调整网页样式布局的。有了之前的实践,现在从理论出发,继续学习CSS。对于一个网页设计者来说,都知道HTML语言是网页制
又遇见了CSS,第一次接触它是在牛腩新闻发布系统中,那时候,知道了它是用来帮助我们调整网页样式布局的。有了之前的实践,现在从理论出发,继续学习CSS。
对于一个网页设计者来说,都知道HTML语言是网页制作的基础。但如果希望网页能够美观、大方,并且升级方便,维护轻松,那么就必须学习CSS,CSS在其中扮演者重要的角色。
一.为什么会有CSS。
CSS的出现,与传统的HTML语言有着各种缺陷有关。主要包括:
- 维护困难,修改标记花费时间长
- 标记不足,文字间距、段落缩进等标记很难找到
- 网页过“胖”,没有统一的样式控制,体积过大
- 定位困难,整体布局页面,模块间位置混乱,过多的
标记。
二.CSS是什么。
CSS(Cascading Style Sheet),层叠样式表,它是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
CSS的引入就是为了使得HTML语言能够更好地适应页面的美工设计。
CSS以HTML语言为基础,提供了丰富的格式化功能,并且网页设计者可以针对各种可视化浏览器设置不同的样式风格。
三.怎么使用CSS控制页面。
使用CSS控制页面,不仅仅只是一种方法,行内样式、内嵌式、链接式和导入式都属于方法之一。下面一一学习一下。
1.行内样式

层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标
准通用标记语言的一个子集)等文件样式的计算机语言。
.......

3.加入CSS控制

4.控制图片
img{
float:left; /*图文混排*/
filter:alpha
(opacity=100,finishopacity=0,font-family:KaiTi_GB2312; font-size:18px">
这样,加入一个简单的CSS文件,就制作出了和第一张完全不一样的网页效果,看着确实清新了很多。没做之前,总觉得要在HTML文件中再加上个CSS文件,那会是多么复杂。现在做完了,发现其实还是很简单的,真正领略了CSS带给我们的一种不一样的视觉体验。
推荐阅读
-
1:有如下一段程序:packagea.b.c;publicclassTest{privatestaticinti0;publicintgetNext(){return ...
[详细]
蜡笔小新 2024-12-27 19:32:17
-
QUIC(Quick UDP Internet Connections)是谷歌开发的一种旨在提高网络性能和安全性的传输层协议。它基于UDP,并结合了TLS级别的安全性,提供了更高效、更可靠的互联网通信方式。 ...
[详细]
蜡笔小新 2024-12-28 12:33:18
-
-
本文介绍了OAuth认证协议的核心概念及其工作原理。OAuth是一种开放标准,旨在为第三方应用提供安全的用户资源访问授权,同时确保用户的账户信息(如用户名和密码)不会暴露给第三方。 ...
[详细]
蜡笔小新 2024-12-28 12:07:46
-
2023 ARM嵌入式系统全国技术巡讲旨在分享ARM公司在半导体知识产权(IP)领域的最新进展。作为全球领先的IP提供商,ARM在嵌入式处理器市场占据主导地位,其产品广泛应用于90%以上的嵌入式设备中。此次巡讲将邀请来自ARM、飞思卡尔以及华清远见教育集团的行业专家,共同探讨当前嵌入式系统的前沿技术和应用。 ...
[详细]
蜡笔小新 2024-12-28 11:58:48
-
一位程序员的妻子在网上分享了她丈夫在北京工作八年的经历,月薪仅3万元,存款情况却出乎意料。本文探讨了高学历人才在大城市的职场现状及生活压力。 ...
[详细]
蜡笔小新 2024-12-28 11:14:15
-
尽管商业智能(BI)工具在中国的普及程度尚不及国际市场,但近年来,随着本土企业的持续创新和市场推广,国内主流BI工具正逐渐崭露头角。面对国际品牌如Tableau的强大竞争,国内BI工具通过不断优化产品和技术,赢得了越来越多用户的认可。 ...
[详细]
蜡笔小新 2024-12-28 11:12:44
-
本文介绍如何使用 Oracle 存储函数查询特定员工的年收入。我们将详细解释存储函数的创建过程,并提供完整的代码示例。 ...
[详细]
蜡笔小新 2024-12-28 09:49:42
-
本文总结了2018年的关键成就,包括职业变动、购车、考取驾照等重要事件,并分享了读书、工作、家庭和朋友方面的感悟。同时,展望2019年,制定了健康、软实力提升和技术学习的具体目标。 ...
[详细]
蜡笔小新 2024-12-28 09:10:26
-
几何画板是一款功能强大的物理教学软件,具备丰富的绘图和度量工具。它不仅能够模拟物理实验过程,还能通过定量分析揭示物理现象背后的规律,尤其适用于难以在实际实验中展示的内容。本文将介绍如何使用几何画板演示电场线与等势面之间的关系。 ...
[详细]
蜡笔小新 2024-12-27 10:46:07
-
本文介绍如何通过Windows批处理脚本定期检查并重启Java应用程序,确保其持续稳定运行。脚本每30分钟检查一次,并在需要时重启Java程序。同时,它会将任务结果发送到Redis。 ...
[详细]
蜡笔小新 2024-12-27 10:44:39
-
本文介绍了一种在MySQL数据库中查询枚举(ENUM)类型字段所有可能取值的方法,帮助开发者更好地理解和利用这一数据类型。 ...
[详细]
蜡笔小新 2024-12-27 10:36:44
-
本文介绍如何在应用程序中使用文本输入框创建密码输入框,并通过设置掩码来隐藏用户输入的内容。我们将详细解释代码实现,并提供专业的补充说明。 ...
[详细]
蜡笔小新 2024-12-27 02:22:09
-
本文介绍如何通过SQL查询从JDE(JD Edwards)系统中提取所有字典数据,涵盖关键表的关联和字段选择。具体包括F0004和F0005系列表的数据提取方法。 ...
[详细]
蜡笔小新 2024-12-26 21:04:46
-
在Web和移动开发中,为什么选择字体图标?主要原因是其卓越的性能,可以显著减少HTTP请求并优化页面加载速度。本文详细介绍了从设计到应用的字体图标制作流程,并提供了专业建议。 ...
[详细]
蜡笔小新 2024-12-26 20:48:44
-
本文详细介绍了如何通过命令行启动MySQL服务,包括打开命令提示符窗口、进入MySQL的bin目录、输入正确的连接命令以及注意事项。文中还提供了更多相关命令的资源链接。 ...
[详细]
蜡笔小新 2024-12-26 20:16:36
-
手机用户2702933093
这个家伙很懒,什么也没留下!