css第一个元素 | 易学教程

CSS笔记（CSS简介，选择器，层叠抉择）

阅读更多关于 CSS笔记（CSS简介，选择器，层叠抉择）

CSS 指的是层叠式样式表（cascading style sheet），就像超文本标记语言一样，在字面上理解CSS，它就是一个管HTML样式的，而“ 层叠式 ”的意思是：一个元素的样式可以有多个(可以继承父类元素)，当进行抉择定义样式时，就得通过特定性数以及规则顺序来决定了。注： CSS包含的一些简单语句称为规则有些CSS属性是无法被继承的，如边框同样的，这里有个检验网站用于检验编写的CSS文件是否正确 1 选择器 CSS允许你指定各种选择器来确定将样式应用到哪些元素上，以下举出几种选择： 1.1 元素选择器 p { color:yellow; } 1.2 筛选选择器筛选选择器如 .classname_a.classname_b ，能具体表明想要定义的部分，注意 .classname_a 与 .classname_b 是在同一阶层 elementname.classname { color:yellow; } 1.3 ID选择器由于ID就只有一个，所以 IDname 并不需要添加元素前缀，不过需要添加 # 号 #IDname { color:yellow; } 1.4 综合选择器使用 , 号连接表示叠加关系 #IDname,h1,classname { color:yellow } 1.5 子孙选择器用空格连接表示继承关系 classname p {

jquery知识点复习

阅读更多关于 jquery知识点复习

一、基本概念 jQuery 简介 jQuery 是一个基于 javascript 的框架。它提供了丰富的选择器和大量的函数，可以方便的实现网页中各种动态的效果。迄今为止，已经有大量的 jquery 插件和基于 jQuery 的 UI 框架（ miniui 、 easyui 、 ligerui ）。 jQuery 的宗旨是： write less,do more! 文档加载完毕函数常规形式：$(document).ready(function(){… …}); 简写形式：$(function(){… …}); jquery 对象和 js 对象的相互转化 jquery 对象不等同于 js 对象 ! js 对象的属性和方法 ,jquery 对象不能调用；jquery 对象的属性和方法， js 对象也不能调用。 js转jquery ： $(js 对象 ) jquery转js ： $( “#box1”).get(0) 或者 $(“.box”)[0] 二、选择器 jquery 的基石就是选择， jquery 提供了大量的选择器。建议在不同的业务场景下使用不同的选择器。注意：通过任何一个选择器筛选到的结果都是一个数组，所以要判断通过选择器是否筛选到了元素，可以通过 length 属性进行判断。基本选择器 n ID 选择器 $(“#ID 值 ”) 例如： $( “#txt1”) n

Hexo

阅读更多关于 Hexo

一.CSS3的基本选择器 1.标签选择器一个HTML页面由很多的标签组成，如 <h1> ~ <h6> , <p> , <img/> 等，CSS标签选择器就是用来声明这些标签。每种HTML标签的名称都可以作为相应的标签选择器的名称，例如，h3选择器用于声明页面中页面所有 <h3> 标签的样式风格。语法：p{ font-size:16px;} 标注：p为HTML标签中的标签选择器，{}括号里面的是声明，属性：值标签选择器是网页样式中经常用到的，通常用于设置页面中的标签样式。代码示例 123456789101112 <style type="text/css"> h3{ color:#090; } p{ font-size:16px; color:red; }<body> <h3>北京欢迎你</h3> <p>北京欢迎你，有梦想谁都了不起</p></body> 2.类选择器在标签选择器中看到，标签选择器一旦声明，那么页面中所有的该标签，都会相应的发生变化。例如，当声明了 <p> 都为红色时，页面中所有的 <p> 标签都将显示为红色，如果希望其中的某个 <p> 标签不是红色，而是绿色，仅靠标签选择器是不够的，还需类（class）选择器。类选择器的名称可以有用户自定义，必须符合CSS规范，属性和值跟标签选择器一样。语法 .class{ font-size:16px;} 标注

sass

阅读更多关于 sass

参考： https://www.sass.hk/guide/ 文章目录 sass快速入门使用变量嵌套CSS 规则导入SASS文件静默注释混合器（函数+参数+默认参数）使用选择器继承来精简CSS（函数的类）常见问题中文文档特色功能 (Features) 语法格式 (Syntax) sass快速入门大概使用情况：变量（ $ ），混入（ @mixin ：函数+参数+默认参数），继承（ @extend ）， >精简代码嵌套，静默注释（ // ），导入（ @import ）， >可读性更好使用变量把反复使用的css属性值定义成变量； sass使用 $ 符号来标识变量；当变量定义在css规则块内，那么该变量只能在此规则块内使用（有作用域）；变量值也可以引用其他变量；变量名推荐使用中划线；声明变量： $ highlight-color : #F90 ; $ basic-border : 1px solid black ; // 多属性值变量作用域 $nav - color : # F90 ; nav { $width : 100 px ; width : $width ; color : $nav - color ; } //编译后 nav { width : 100 px ; color : # F90 ; } 变量值也可以引用其他变量。 $

css优先级计算规则

阅读更多关于 css优先级计算规则

最近面试了一些求职者，我问css优先级计算规则是怎样的？答曰ID优先级>class>元素选择器，外联样式优先级低于内联样式，内联样式优先级低于行间样式，然后就没有然后了……，ID选择器的优先级确实>class选择器的优先级>元素选择器的优先级，但是外联样式优先级并不一定低于内联样式优先级。做为一个合格的前端工程师，让我们彻底搞清楚css优先级计算规则吧！特殊性 css继承是从一个元素向其后代元素传递属性值所采用的机制。确定应当向一个元素应用哪些值时，浏览器不仅要考虑继承，还要考虑声明的特殊性，另外需要考虑声明本身的来源。这个过程就称为层叠。——《css权威指南》上面这句话有两个词需要稍作解释，“声明”和“ 特殊性 ”。如下图，css规则由选择器和声明块组成，写在选择器后面大括号里的就叫声明。实际上，同一个元素可以使用多个规则来指定它的字体颜色，每个规则都有自己的选择器。显然最终只有一个规则起作用（不可能一个字既是红色又是绿色），那么该规则的特殊性最高，特殊性即css优先级。很多同学仅仅知道选择器优先级ID>class>元素选择器，而不知道ID的优先级为什么大于class的优先级。那么css优先级到底是怎么计算的呢？选择器的特殊性值表述为4个部分，用0,0,0,0表示。 ID选择器的特殊性值，加0,1,0,0 。类选择器、属性选择器或伪类，加0,0,1,0 。元素和伪元素

2 - 前端基础--CSS 选择器

阅读更多关于 2 - 前端基础--CSS 选择器

引入css方式（重点掌握） 1、行内样式 <div> <p style="color: green">我是一个段落</p></div> 在标签内添加一个style属性，属性值为要设置的样式：样式的值。 2、内接样式 <style type="text/css"> /*写我们的css代码*/ span{ color: yellow; }</style> 3、外接样式 3.1 链接式 <link rel="stylesheet" href="./index.css"> 3.1 导入式 <style type="text/css"> @import url('./index.css');</style> css的选择器： 1.基本选择器 2.高级选择器 CSS选择器基本选择器基本选择器包括：标签选择器 id选择器类选择器 1.标签选择器标签选择器可以选中所有的标签元素，比如div，ul，li ，p等等，不管标签藏的多深，都能选中，选中的是所有的，而不是某一个，所以说 "共性" 而不是 ”特性“ body{ color:gray; font-size: 12px;}/*标签选择器*/p{ color: red;font-size: 20px;}span{ color: yellow;} 2.id选择器 # 选中id 同一个页面中id不能重复。任何的标签都可以设置id

【前端基础】- CSS 1-CSS选择器

阅读更多关于【前端基础】- CSS 1-CSS选择器

引入css方式（重点掌握） 1、行内样式 <div> <p style="color: green">我是一个段落</p> </div> 在标签内添加一个style属性，属性值为要设置的样式：样式的值。 2、内接样式 <style type="text/css"> /*写我们的css代码*/ span{ color: yellow; } </style> 3、外接样式 3.1 链接式 <link rel="stylesheet" href="./index.css"> 3.1 导入式 <style type="text/css"> @import url('./index.css'); </style> css的选择器： 1.基本选择器 2.高级选择器 CSS选择器基本选择器基本选择器包括：标签选择器 id选择器类选择器 1.标签选择器标签选择器可以选中所有的标签元素，比如div，ul，li ，p等等，不管标签藏的多深，都能选中，选中的是所有的，而不是某一个，所以说 "共性" 而不是 ”特性“ body{ color:gray; font-size: 12px; } /*标签选择器*/ p{ color: red; font-size: 20px; } span{ color: yellow; } 2.id选择器 # 选中id 同一个页面中id不能重复。

CSS 选择器的兼容性

阅读更多关于 CSS 选择器的兼容性

参考网站 http://blog.csdn.net/yume_sola/article/details/70215695 http://www.youdiancms.com/jianrong/614.html 标签选择器就是用标签名来当做选择器。 1 、所有标签都能够当做选择器，比如body、h1、dl、ul、span等等 2 、不管这个标签藏的多深，都能够被选择上。 3 、选择的是所有的，而不是某一个。所以是共性，而不是特性。希望页面上所有的超级链接都没有下划线： a{ /*去掉下划线：*/ text-decoration: none; } id选择器（#X) # 表示选择id，在选择器中使用 # 可以用id来定位某个元素。然后使用的时候需要问自己一下：我是不是必须要给这个元素来赋值个id来定位它呢？ id 选择器是很严格的并且你没办法去复用它。 #pp{ color:black; } (1）任何的标签都可以有id，id的命名要以字母开头，可以有数字、下划线。大小写严格区别，a和A是两个不同的id。 ( 2）同一个页面内id不能重复，即使不一样的标签，也不能是相同的id。也就是说，如果有一个p的id叫做p1，这个页面内，其他所有的元素的id都不能叫做p1。兼容性 IE6+ Firefox Chrome Safari Opera 类选择器(.X) .p { color:

CSS——04选择器

阅读更多关于 CSS——04选择器

人生苦短，要学就只学有用的【前端教学-CSS-4】 CSS选择器 CSS 选择器今天我们围绕一个导航栏案例进行学习知识点。今日重点：复合选择器后代选择器并集选择器标签显示模式 CSS背景背景位置 CSS三大特性优先级 1. CSS复合选择器目标理解理解css复合选择器分别的应用场景应用使用后代选择器给元素添加样式使用并集选择器给元素添加样式使用伪类选择器为什么要学习css复合选择器 CSS选择器分为基础选择器和复合选择器，但是基础选择器不能满足我们实际开发中，快速高效的选择标签。目的是为了可以选择更准确更精细的目标元素标签。复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的 1.1 后代选择器（重点）概念：后代选择器又称为包含选择器作用：用来选择元素或元素组的子孙后代其写法就是把外层标签写在前面，内层标签写在后面，中间用空格分隔，先写父亲爷爷，在写儿子孙子。父级子级{属性:属性值;属性:属性值;} 语法： .class h3{color:red;font-size:16px;} 当标签发生嵌套时，内层标签就成为外层标签的后代。子孙后代都可以这么选择。或者说，它能选择任何包含在内的标签。 1.2 子元素选择器作用：子元素选择器只能选择作为某元素子元素(亲儿子) 的元素。

关于CSS样式表，看这篇就够了！

阅读更多关于关于CSS样式表，看这篇就够了！

文章目录 1 CSS 样式表 1.1 CSS 规则 1.2 CSS 选择器 1.2.1 标记选择器 1.2.2 类别选择器 1.2.3 id 选择器 1.3 在页面中包含 CSS 1.3.1 行内样式 1.3.2 内嵌式 1.3.3 链接式 2 CSS3 的新特性 2.1 模块与模块化结构 2.2 一个简单的 CSS3 实例 1 CSS 样式表 CSS 是 W3C 协会为弥补 HTML 在显示属性设定上的不足而制定的一套扩展样式标准。CSS 标准中重新定义了 HTML 中原来的文字显示样式，增加了一些新的概念，如类、层等，可以对文字重叠、定位等。在 CSS 还没有引入到页面设计之前，传统的 HTML 语言要实现页面美化在设计上是十分麻烦的，例如要设计页面中文字的样式，如果使用传统的 HTML 语句来设计页面就不得不在每个需要设计的文字上都定义样式。CSS 的出现改变了这一传统模式。 1.1 CSS 规则在 CSS 样式表中包含 3 部分内容：选择符、属性和属性值。语法格式如下：选择符{属性:属性值;} 参数说明: 选择符：又称选择器，是 CSS 中很重要的概念，所有 HTML 语言中的标记标签都是通过不同的 CSS 选择器进行控制的。属性：主要包括字体属性、文本属性、背景属性、布局属性、边界属性、列表项目属性、表格属性等内容。其中一些属性只有部分浏览器支持

订阅 css第一个元素