当前位置:首页 > 日记 > 正文

CSS核心概要(推荐)

CSS核心概要(推荐)
今天,这是整合以前的CSS补充知识。

我认为CSS以前的知识有点混乱,今天就整理一下。

级联样式表

栈是什么意思为什么这个词如此重要以至于它必须以它的名字出现。

堆叠可以简单地理解为解决冲突的方法。

什么是冲突

使用不同的选择器选择后,将同一元素添加到同一元素中。

优先级规则可以表示为

内联样式> id样式>类样式>标记样式

在一个复杂的页面中,一个元素可以从许多地方获得样式,比如Web站点的一个站点。

使用绿色将类标题设置为一个整体,而一个特殊的列需要使用蓝色,因此它需要在列中。

为了覆盖一般样式设置。在一个非常简单的页面中,这样的特殊需求并不难实现。

但是,如果站点的结构复杂,代码完全有可能变得非常凌乱,可能找不到。

一个元素的模式来自哪一个规则,因此,我们必须充分理解CSS;堆叠原理;
计算冲突样式的优先级是一个更复杂的过程,而不仅仅是上面简单的优先级规则。

它可以被完全描述,但是读者可以采取一个大的原则,那就是:风格越特殊,越高;
这是如何特殊和特殊如何定位,请看下面。

具体特点uff1a

每个选择器都有一个特殊的性质,如果一个元素有两个或多个冲突的属性声明,那么就具有很高的特异性。

选择器的特殊性是由选择器本身的成分确定。特殊的价值表现在4个部分,如:0,0,0,0。

选择器的特殊性如下:

每个ID属性的值在一个选择器,第二部分增加了一个:0,1,0,0。

对于一个给定的类的属性值,属性选择,或伪类选择器,第三件加一条:0,0,1,0。

对于每个元素,在选择了伪元,第四件加一条:0,0,0,1。

组合和匹配选择器对特殊性没有贡献。

但通过选择器的特殊性是零:0,0,0,0。

没有匹配的连玲。

实例uff1a

h1 {颜色:红色;}是0,0,0,1

P EM {颜色:紫色是0,0,0,2 }

.grape{color:purple} is 0,0,1,0

P. B某{颜色:红色;} 0,0,2,2

# aa {颜色:红色;} 0,1,0,0

DIV # AA * {链接} { } 0,1,1,1颜色:红色;

前0个是内联样式,因为前面越高,优先级越高。如果非零位的位置相同,则先比较前一个数字的大小。

然后比较下去,直到数字不是相对的,并且数字的优先级更高。

所以上面有一般优先权规则:

内联样式> id样式>类样式>标记样式

他们可以作为每一部分的代表,四,。
重要声明!重要的是要标记你需要的声明,它有最高的优先级,但它要放在声明值的结尾处。

继承:

继承的特殊性没有特殊性。

这0个特殊性在零和无特殊性上有很大的区别,也就是说,0个特质选择者可以成为后代的风格。

虽然继承增加了后代的风格,但也有局限性。只有继承的能力可以添加到后代的元素,如颜色等,和利润,填充和边界将不会添加到后代。

顺序相同的权重,优先级的优先级越高。

较高的特异性强于较低的特异性。

所以伪类声明顺序:链接访问悬停激活

lvha(速记)

当他们来拜访时,由于体重相同,他们会看他们的订单,参观后会赢他们。

当它不是一个统一属性时,这不是问题,所以在写同一属性时要注意!!!!!
以上是CSS的核心。
除了这方面的知识:
包含块:

块的宽度是包含的元素的父元素的宽度,父元素的宽度包含在元素内。

边距左+左边框+左填充+宽度+填充右+边框右+边距边距=包含块级宽度
宽度,左边缘,和右边都可以设置自动;

虽然左边和右边的边同时设置了自动档,但它们处于中间位置,但这是有条件的。

1。此元素必须是块级元素,且不与文档流分离。

2。此元素具有设置宽度。

边距顶部,边距底部设置自动不居中,设置为自动,它们只等于零。

总长度的七个属性是上述计算公式的属性。它们的总金额不能大于水平总长度,而保证金可以是负的。在计算中,它并不违反这条规则。

注:只有保证金可以是负的。

至于什么是负价值,要经历它,这个属性似乎是一个犯规。

上面的CSS核心基础上的总结是萧边推荐的。我们希望能给你一个参考,希望我们能支持你。

相关文章

添加多页标签和书签

添加多页标签和书签

书签,标签,多页,电脑软件,使用Chrome浏览器的用户对浏览器的多页标签浏览功能印象深刻。也许他们曾经以为,如果你使用Windows资源管理器类似的标签,这将是一个不错的选择。自由软件工具的三叶草(CN。易洁。我)可以帮助我们实现这一想法,下载和安…

ps级函数讲解教程

ps级函数讲解教程

教程,函数讲解,电脑软件,ps,这是ps中很重要的一个颜色函数命令,所以你一定要知道。 ps级函数讲解教程 1是什么。级别:用直方图来描述阴影信息的全貌,如图所示: 从左到右,是从黑暗到明亮的像素的分布,黑色三角形代表最黑暗的地方(春-黑),白色三角…

使用ajax异步提交表单的几种方法

使用ajax异步提交表单的几种方法

异步,提交表单,几种方法,电脑软件,ajax,以下是三种常见的提交方法 途径之一 人工采集的所有用户输入,封装成大K1 = v1k2 = V2…关键值的形式,使用美元。后(URL数据,FN)提交数据到服务器 $ ajax({ 类型:'post, 网址:'notice_notipsnotice, 数据:'…

iTunes提示您没有足够的访问权限来

iTunes提示您没有足够的访问权限来

执行,提示,操作,访问权限,解决方案,问题: 重新安装WIN7系统,安装iTunes安装后,提示,但你没有足够的访问做经营权。Rdquo,卸载iTunes并重新安装它,或者不可以安装iTunes的另一个版本,并且检查iTunes文件夹的权利和属性,没有问题,上面的操作是以管理…

旧PHP位操作的使用

旧PHP位操作的使用

位操作,电脑软件,PHP,用户权限在实际应用中的应用 我在这里说的权限管理方法是一种常用的方法,主要用于操作和运营商,运营商,|或操作。如果算法是10,它将被转换为数字2参与操作,然后将结果转换为10个数输出。 它的权限值是这样的 2 = 0 = 1,相…

PS图象处理软件的常用配置和使用工

PS图象处理软件的常用配置和使用工

工具栏,工具,常用配置,图象,处理软件,本教程重点介绍了常用的ps配置以及工具栏中常用的几种工具,最后还介绍了ps的一些小技巧,希望对我们的工作和学习有所帮助。 PS的准备工作 关闭不必要的窗口。打开PS图象处理软件,出发前P地图或地图,我们…

如何解决JSSafari浏览器中的日期()问

如何解决JSSafari浏览器中的日期()问

浏览,不兼容,日期,如何解决,器中,VaR日期=新的日期('2016-11-11 11:11:11); document.write(日期); 最近,在编写一个时间判断脚本时,我们需要将固定字符串的时间与时间戳进行比较。当我们这样做时,我们使用Chrome作为调试工具,在代码基本完成后,一切…

PS图象处理软件教程:照片着色和清新

PS图象处理软件教程:照片着色和清新

软件教程,图象处理,照片,色调,蓝色,原 最终效果 1, open the original material, simply skin the characters, then copy the background layer, change the layer blending mode to ldquo, filter , and the layer opacity is 80%.2,…

Chrome安装其他网站提供的扩展

Chrome安装其他网站提供的扩展

安装,扩展,网站,电脑软件,Chrome,试图安装一个Chrome扩展程序,但是在下载被打开之后,浏览器不能安装扩展程序。进一步的提示是,这是一个非Chrome在线商店扩展程序,不能安装。那么如何解决这个问题呢 在过去,Chrome浏览器可以直接下载任何网站,但…

如何ppt2013自定义幻灯片模板ppt20

如何ppt2013自定义幻灯片模板ppt20

模板,教程,自定义,幻灯片,电脑软件,如果您想做一个非常个性化的PPT演示文稿,我们可以通过PPT设计幻灯片模板。实际上,设置方法非常简单。让我们告诉萧边,ppt2013设计模板。 ppt2013幻灯片模板定制设计方法 打开PowerPoint 2013并创建空白演…

如何在Excel2007条件格式使用Excel

如何在Excel2007条件格式使用Excel

教程,条件,格式,如何在,电脑软件,我相信每个人都面临着如何自动指定具体的值在一排单位不同的颜色,以及如何使用Excel2007的条件格式功能来实现这个效果。 Excel2007的条件格式的使用 以中学成绩表中重复数的出现情况为例,具体说明了具体操…

对微信JSSDK接口操作界面的使用例

对微信JSSDK接口操作界面的使用例

使用例子,接口,操作界面,电脑软件,JSSDK,本文介绍了微信JS SDK接口操作界面的使用。分享给您参考,如下: 的前提下获得的权限在wx.config接口(),这是基于官方文件。 解释uff1a 1。当前接口的接口和使用相对简单。 2。有些东西似乎有点重复。 …