热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

CSS样式使用规则是什么

这篇文章给大家分享的是有关CSS样式使用规则是什么的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。一:CSS的描述

这篇文章给大家分享的是有关CSS样式使用规则是什么的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

一:CSS的描述

1、CSS通常称为CSS样式或层叠样式表,主要用于设置HTML页面中的文本内容(字体、大小、 对其方式等)

2、图片的外形(高宽、边框样式、边距等)以及版面的布局等外观显示样式

3、CSS可以是HTML页面更好看,CSS色系的搭配可以让用户更舒服

4、CSS+DIV布局更佳灵活,更 容易绘制出用户需要的结构

二:CSS样式使用规则

1、使用HTML时,需要遵从一定的规范,CSS也是如此有一定规范

CSS样式使用规则是什么

2、语法解释

"选择器"用于指定CSS样式作用的HTML对象

括号内是对该对象设 置的具体样式

属性和属性值以键值对方式呈现,英文冒号":"分隔

多个属性之间使用英文 分号";"

CSS样式使用规则是什么

三:CSS样式特点

1、"选择器"严格区分大小写

2、"属性"和"属性值”不区分大小写

3、多个属性之间使用英文的分号隔开,最后一个属性的分号可以省略(建议写上便于阅读)

4、为了提高CSS样式阅读加上注释与CSS样式的缩近排版

CSS样式使用规则是什么

四:CSS样式引入

1、CSS使用非常灵活,可嵌入在HTML中

2、也可是一个单独的文件,如果是单独的文件, 必须.css为扩展名

五:种常用方式

1、行内样式

1、行内样式,是通过标签的style属性来设置元素的样式

2、行内样式通过标签的属性来控制样式,没有做到结构与表现(HTML结构、CSS显示 )分离(少使用)

CSS样式使用规则是什么

2、内部样式(内嵌式)

1、CSS代码集中卸载HTML文档的标签体中,并且使用 定义给当前html多个标签设置样式

CSS样式使用规则是什么

2、内嵌式CSS样式只对所在的HTML页面有效,设计一个网页使用时不错的选择,但是设计一个网站就不合适了,因为不能同时充分的发挥CSS代码的重用型。

3、外部样式

1、外部样式又称为链入式

2、将所有的样式放在一个或多的外部样式表文件中

3、通过标签将样式连接到HTML档中

CSS样式使用规则是什么

4、优先级

1、行内样式>内部样式(内嵌式)>外部样式

感谢各位的阅读!关于“CSS样式使用规则是什么”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!


推荐阅读
  • PHP 5.2.5 安装与配置指南
    本文详细介绍了 PHP 5.2.5 的安装和配置步骤,帮助开发者解决常见的环境配置问题,特别是上传图片时遇到的错误。通过本教程,您可以顺利搭建并优化 PHP 运行环境。 ... [详细]
  • 深入理解Tornado模板系统
    本文详细介绍了Tornado框架中模板系统的使用方法。Tornado自带的轻量级、高效且灵活的模板语言位于tornado.template模块,支持嵌入Python代码片段,帮助开发者快速构建动态网页。 ... [详细]
  • Python自动化处理:从Word文档提取内容并生成带水印的PDF
    本文介绍如何利用Python实现从特定网站下载Word文档,去除水印并添加自定义水印,最终将文档转换为PDF格式。该方法适用于批量处理和自动化需求。 ... [详细]
  • 本文详细分析了JSP(JavaServer Pages)技术的主要优点和缺点,帮助开发者更好地理解其适用场景及潜在挑战。JSP作为一种服务器端技术,广泛应用于Web开发中。 ... [详细]
  • 本周信息安全小组主要进行了CTF竞赛相关技能的学习,包括HTML和CSS的基础知识、逆向工程的初步探索以及整数溢出漏洞的学习。此外,还掌握了Linux命令行操作及互联网工作原理的基本概念。 ... [详细]
  • 三星W799在2011年的表现堪称经典,以其独特的双屏设计和强大的功能引领了双模手机的潮流。本文详细介绍其配置、功能及锁屏设置。 ... [详细]
  • Linux 系统启动故障排除指南:MBR 和 GRUB 问题
    本文详细介绍了 Linux 系统启动过程中常见的 MBR 扇区和 GRUB 引导程序故障及其解决方案,涵盖从备份、模拟故障到恢复的具体步骤。 ... [详细]
  • 1:有如下一段程序:packagea.b.c;publicclassTest{privatestaticinti0;publicintgetNext(){return ... [详细]
  • 1.如何在运行状态查看源代码?查看函数的源代码,我们通常会使用IDE来完成。比如在PyCharm中,你可以Ctrl+鼠标点击进入函数的源代码。那如果没有IDE呢?当我们想使用一个函 ... [详细]
  • 本文介绍如何通过Windows批处理脚本定期检查并重启Java应用程序,确保其持续稳定运行。脚本每30分钟检查一次,并在需要时重启Java程序。同时,它会将任务结果发送到Redis。 ... [详细]
  • 优化ListView性能
    本文深入探讨了如何通过多种技术手段优化ListView的性能,包括视图复用、ViewHolder模式、分批加载数据、图片优化及内存管理等。这些方法能够显著提升应用的响应速度和用户体验。 ... [详细]
  • 本文总结了2018年的关键成就,包括职业变动、购车、考取驾照等重要事件,并分享了读书、工作、家庭和朋友方面的感悟。同时,展望2019年,制定了健康、软实力提升和技术学习的具体目标。 ... [详细]
  • 数据管理权威指南:《DAMA-DMBOK2 数据管理知识体系》
    本书提供了全面的数据管理职能、术语和最佳实践方法的标准行业解释,构建了数据管理的总体框架,为数据管理的发展奠定了坚实的理论基础。适合各类数据管理专业人士和相关领域的从业人员。 ... [详细]
  • 本文详细介绍了如何使用 Yii2 的 GridView 组件在列表页面实现数据的直接编辑功能。通过具体的代码示例和步骤,帮助开发者快速掌握这一实用技巧。 ... [详细]
  • 本文介绍如何通过注册表编辑器自定义和优化Windows文件右键菜单,包括删除不需要的菜单项、添加绿色版或非安装版软件以及将特定应用程序(如Sublime Text)添加到右键菜单中。 ... [详细]
author-avatar
安彬2502936127
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有