css层叠样式表——css基础介绍

最新推荐文章于 2024-08-21 15:03:08 发布
最新推荐文章于 2024-08-21 15:03:08 发布
阅读量542 收藏
点赞数 1
分类专栏： 前端学习 文章标签： css html 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Xiaohuang777/article/details/128244913
版权
本文介绍了CSS（层叠样式表）的基本概念，包括其历史发展、语法、html全局属性以及引入样式的方式。重点讨论了内嵌样式、内联样式和外部样式的优缺点，推荐使用外部样式作为主流方案。同时，提到了id和class的命名规则，并阐述了link标签和@import在引入外部样式时的差异。
摘要由CSDN通过智能技术生成

css层叠样式表第一天

css层叠样式表01

css介绍

css是Cascading Style Sheet的缩写，中文"层叠样式表"，是一种标准的样式表语言，主要用于描
述网页的表现形式(样式: 如网页的颜色，字体大小，元素位置等等)
1994年，哈坤-利提出的css1996年css1.0发布，1998年发布css2.0，2004年发布css2.1版本，199年开始准备的css3.0 并模块化，以后逐步完善各模块，到2010年完善了大部分模块。

css语法

在这里插入图片描述
网页布局
table 是早期的网页布局方案，由于table结构比较复杂，特别是复杂网页，浏览器渲染需要耗费较多资源和时间。现在不能table做网页布局，一般用于数据展示。
为了提高网页渲染速度，css2.1的时代流行的是div + css布局h5 语义化的标签+css3布局，现在w3c提倡的规范布局。
css样式语法“样式名:样式值;”,很多的样式就可以控制元素复杂的显示效果

html标签全局属性

所有html标签都可以用的属性

  • title 元素的附加说明，鼠标悬浮在元素上面，会出现提示内容

  • data-* 给元素设置自定义数据&

最低0.47元/天 解锁文章
小慌写代码
关注
专栏目录
Css继承与层叠
weixin_44541136的博客
02-22 420
继承与层叠 (1)继承:这里的继承和对我们C#的继承是一样的, 其中相当一部分是跟文字的相关的，比如说颜色、字体、字号。当然还有一部分是不能继承的。例如边框、内外边距。 (2)层叠: 层叠是CSS的核心机制。层叠的工作机制：当元素的同一个样式属性有多种样式值的时候，CSS就是靠层叠机制来决定最终应用哪种样式。 层叠规则：①层叠规则一：找到应用给每个元素和属性的声明。说明：浏览器在加载每个页面时，都...
层叠
weixin_30604651的博客
06-29 123
层叠 声明冲突：同一个样式，多次应用到同一个元素 层叠：解决声明冲突的过程，浏览器自动处理（权重计算） 1. 比较重要性 重要性从高到底： 作者样式表：开发者书写的样式 1） 作者样式表中的!important样式 2) 作者样式表中的普通样式 3) 浏览器默认样式表中的样式 2. 比较特殊性 看选择器 总体规则：选择器选中的范围越窄，越特殊 具体规则：通过选择器，计算...
理解 CSS 层叠、优先级和继承——WEB开发系列15
最新发布
一条晒干的咸鱼的博客
08-21 1065
Web 开发中，CSS (Cascading Style Sheets) 是决定网页视觉呈现的关键技术之一。它为 HTML (Hypertext Markup Language) 提供样式，使得开发者能够控制页面布局、字体、颜色和其他视觉元素。然而，CSS 的强大功能伴随着一定的复杂性，尤其是在处理层叠、优先级和继承这些核心概念时。
CSS层叠
weixin_48802332的博客
07-13 152
层叠的意思就是“继承”、“权重”、“覆盖”，通过良好的层级命名更好的实现效果，更少的代码，更多的功能 一、层叠指的是样式的优先级，当产生冲突时以优先级高的为准。 开发者样式>读者样式>浏览器样式（除非使用!important标记 ） id选择符>（伪）类选择符>元素选择符 权重相同时取后面定义的样式 以下是一段经典的html，三个类名分别为模块、标题和正文。 <div class="mod"> <div class="hd"></div> &l
css层叠
JerryQuery的博客
11-27 607
css层叠概念 层叠是CSS的一个基本特征，就是浏览器对多个样式来源进行叠加，最终确定结果的过程. 例子1： 三种选择器同时给P标签增加颜色的属性，但是，文字最终显示的是蓝色，这个时候，就出现了层叠性的情况。 选择器排序优先级 ID选择器 > 类选择器 > 标签选择器 例子2：计算权重 统计各个选择器的数量，优先级高的胜出。文字的颜色为红色。 例子3：权重相同时 就近原则：第一个样式和第二个样式的权重相同。但第二个样式的书写顺序靠后。 例子4：让一个列表实现如
css的层叠顺序
chaoguo1234的专栏
03-02 300
&#13; css中用z-index来控制定位元素的层叠顺序。&#13; z-index&#13; integer auto&#13; 整数值越大，元素离我们越近。&#13; 一旦给一个定位元素设定了z-index的值(不是auto),那么它就为它的所有后代建立了一个新的局部层叠上下文，如:&#13; &#13; &lt;html&gt;&#13; &lt;head&...
css的层叠样式
D2961953033的博客
11-26 4293
1 css的层叠样式有四种： 行内样式 内嵌样式 外链样式 导入样式 1.1行内样式 行内样式又叫做标签样式，它是在标签里面加上style属性。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css...
CSS层叠样式表——元素背景和文本样式
Xiaohuang的博客
12-10 275
css层叠样式表02 主要介绍css的文本样式与背景样式
CSS层叠样式表
jcf52的博客
04-20 3726
一.css 介绍 层叠样式表，是一种样式表语言，用来描述HTML和XML文档的呈现。随着HTML的发展，为了满足面设计者的要求，HTML添加了很多显示功能，但是随着这些功能的增加，使得HTML越来越杂乱，HTML 页面也越来越臃肿，CSS便随之诞生，CSS 用于简化HTML标签，把关于样式部分的内容提取出来，进行单独的控制，使结构与样式分离开发。 CSS 是以HTML为基础，设置网页的外观显示样式，如字体、颜色、背景的控制及整体的布局等，和HTML 类似，CSS也不是真正的编程语言，甚至不是标记语言。..
CSS层叠样式表Cascading Style Sheets(2021.10.05)
SHY
12-19 1318
一、CSS简介 1.优缺点 优点：丰富的样式描述； 样式和结构的分离，便于维护和管理； 减少代码量，加快页面加载； 样式代码复用性强； 多个页面可以使用同一个CSS代码； 缺点：浏览器对CSS支持程度不同。 2.CSS特性 (1)继承性 1）后代元素继承祖先元素的样式(嵌套关系)； 2）只能继承文字、文本样式(如，color、text-开头、font-开头、line-开头)，其他样式不能继承。 (...
css----层叠样式表详细知识点大全
Darlingmi的博客
04-16 1845
css—层叠样式表 一：结构和表现分离 层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。网页中所有的样式都由css来进行设置，即结构和样式分离。 二：应用css的方法 1：页面嵌入式 常放在head和body之间。 <style type="text/css"> Css的样式规则 </style>
CSS结构和层叠
ck1n9的博客
12-03 836
结构和层叠CSS层叠样式表，当对于某个属性的值存在冲突时，用户代理需要确定具体使用哪个值作为最终的显示结果，用户代理需要考虑特殊性、重要性、继承。特殊性CSS选择器的特殊性由选择器本身的组件确定，特殊性值可以表述为4个部分。初始值即为 0 0 0 0 ，每一位有不同的含义， 对于选择器中给定的ID选择器，值加 0 1 0 0 对于选择器中给定各个类属性值，属性选择，或者伪类，值加 0 0 1 0 对
css（层叠样式表）
qq_43710648的博客
10-31 466
CSS全称为层叠样式表 ，与HTML相辅相成，实现网页的排版布局与样式美化。
CSS 层叠样式表
weixin_52223392的博客
01-09 1257
所有HTML元素都可以视为方框，在CSS中，在谈论设计和布局时，会使用术语“盒模型”或“框模型”CSS框模型实质上是一个包围每个HTML元素的况，包括：外边距、边框、内边距以及内容内容：框的内容，显示文本和图像内边距：清除内容周围的区域，内边距是透明的边框：围绕内边距和内容的边框外边距：清除边界外的区域，外边距是透明的宽度：内容区域的宽度高度：内容区域的高度元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。
【web前端开发】CSS层叠样式介绍
m0_65431212的博客
09-16 659
02
CSS--层叠上下文
ChpeShy的博客
05-14 441
张鑫旭大神的文章：http://www.zhangxinxu.com/wordpress/2016/01/understand-css-stacking-context-order-z-index/
BENET3.0：CSS样式表——边框与页面美化
在网页设计中，CSS（层叠样式表）是用于控制网页元素样式的重要工具。边框是CSS样式的一个关键组成部分，它允许设计师精确地定义元素的外观。在示例代码中，`.btn` 类的边框被定义为顶部和左侧有不同的宽度、样式和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小慌写代码

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值