css选择器 | 易学教程

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

jQuery温习篇---强大的JQuery选择器

阅读更多关于 jQuery温习篇---强大的JQuery选择器

学习 jQuery 已经有 1 年多的时间了，但是一直由于做 WinForm 程序开发没有经常实践。现在又开始重拾 WebForm 开发。写几篇 jQuery 系列，温习下 jQuery 框架的知识。在 jQuery 出世以来，它取得很大的成就和认同。 JQuery 是一个轻量级的 JavaScript 框架，它的发布版很小仅 16K 左右。它能让你方便简洁的写出漂亮的动画效果、实现各种视觉效果，轻松的处理 JavaScript 的 DOM 数以及 Ajax 的交互行为。它的优点在于轻量级、简单易学、易扩展、跨浏览器和网上拥有大量的 jQuery 插件使用。由于它这一大堆的优点，它已经被微软官方认可加入 VS IDE 中拥有强大的智能提示，并据官方的统计现在至少有 20% 的国际性大网站已经加入 jQuery 作为其脚本。 1 ：首先是 JavaScript 的 DOM 和 jQuery 包装集的区分 1.1: 在 JavaScript 中我们访问的方式是操作 DOM 结构 , 提供的可用方法有： 1: document.getElementById("ID") ：根据 ID 获取 DOM 对象。 2 ： document.getElementsByName("name") ：根据 HTML 标记 name 属性获取一个 DOM 数组。 3 ： document

css笔记

阅读更多关于 css笔记

1.在HTML中引入CSS共有3种方式：（1）外部样式表：把CSS代码和HTML代码都单独放在不同文件中，然后在HTML文档中使用link标签来引用CSS样式表外部样式表在单独文件中定义，并且在标签对中使用link标签来引用。 <head> <title></title>  <link href= "index.css" rel= "stylesheet" type= "text/css" /> </head> （2）内部样式表：指的就是把CSS代码和HTML代码放在同一个文件中，其中CSS代码放在标签对是放在标签对内的。 <head> <title></title>  <style type="text/css"> p { color : Red ; } </style> </head> CSS样式在（3）内联样式表：把CSS代码和HTML代码放在同一个文件中，但是跟内部样式表不同，CSS样式不是在标签对中定义，而是在标签的style属性中定义。 <body> <p style= "color:Red; " >绿叶学习网</p> <p style= "color:Red; " >绿叶学习网</p> <p style= "color:Red; "

web前端【第三篇】CSS选择器

阅读更多关于 web前端【第三篇】CSS选择器

一、css概述 CSS是Cascading Style Sheets的简称，中文称为层叠样式表，对html标签的渲染和布局 CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。例如二、css的四种引入方式 1.行内式行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用。 2.内嵌式嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中。格式如下： 3.链接式建一个index.css的文件，存放样式在主页面中吧index.css引入 4.导入式将一个独立的.css文件引入HTML文件中，导入式使用CSS规则引入外部CSS文件，<style>标记也是写在<head>标记中，使用的语法如下：要注意导入的路径。。。。注意啦：导入式会在整个网页装载完后再装载CSS文件，因此这就导致了一个问题，如果网页比较大则会儿出现先显示无样式的页面，闪烁一下之后，再出现网页的样式。这是导入式固有的一个缺陷。使用链接式时与导入式不同的是它会以网页文件主体装载前装载CSS文件，因此显示出来的网页从一开始就是带样式的效果的，它不会像导入式那样先显示无样式的网页，然后再显示有样式的网页，这是链接式的优点。所以还是推荐用链接式。。。。。。。。。。。三、注意嵌套规则

css 选择器基础

阅读更多关于 css 选择器基础

有时在看别人代码时，看到一长串的选择器经常有点懵，今天来夯实一下基础选择器有： 1、标签选择器：就是HTML 中的标签如<p> <h1> <body>等 2、类选择器：用 class="类选择器名称" 为标签设置一个类，以英文原点开头，语法： .类选择器名称{css样式代码} 3、ID选择器：用 id="ID选择器名称"为标签设置一个类，以（#）号开头.（ID选择器只能在文档中使用一次） 4、通用选择器：它使用一个（*）号指定，它的作用是匹配html中所有标签元素，如： *{ color:red;} 5、子代选择器：用（>）符号，用于指定标签元素的第一代子元素。如： li>span{color:red;} 6、后代选择器：加入空格，用于选择指定标签下的后辈元素。 .parent .son{color:red;} 7、伪类选择器：用于给HTML不存在的标签（标签的某种状态）设置样式，如 a:hover{color:red;} 8、分组选择符：想为多个标签设置相同的样式，用分组选择符（，）。如 h1，p{color:red;} 选择器权值：哪种选择器权值高就使用哪种css的样式，权值规则：标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。当有权值相同的样式存在，根据前后顺序决定样式，处于最后面的CSS样式会被应用所以优先级：内联样式表（标签内部）

css中所有的选择器

阅读更多关于 css中所有的选择器

认识css中所有的选择器什么是选择器每一条样式申明（定义）由两部分组成选择器{ 样式； } 标签选择器 p{ 　　font-size：12px；　　　 line-height:1.6em; } 类选择器 .类选择器的名称{ 　　　　css样式代码； } 需要注意的是　　1、英文圆点开头　　 2、其中类选择器可以任意起名（不用中文）使用方法　　1、使用合适的标签把修饰的内容标记起来. 　　　　<span>OA</span> 　　2、使用class="类选择器的名称"为标签设置一个类. 　　　　<span class="stre">OA系统</span> 　　3、设置类选择器css的样式. 　　　　如下：将"公开课"设置为红色<span class=setRed>公开课</span>然后再<head>标签里输入setRed{color:red} Id选择器　　1、为标签设置id="Id名称"，而不是class="类名称" 　　2、id选择器前面是#而不是英文圆点　　　　在<head>标签里输入　　　　　　#setRed{ 　　　　　　　　color:red; } 在具体编辑里<span id="setRed">公开课</span> 需要注意的是　1、Id选择器只能在文档使用一次，而且仅一次，而类选择器可以使用多次子选择器用于选择指定标签的第一代子元素

css样式使用方式

阅读更多关于 css样式使用方式

css样式使用方式 css样式写法 <style> div{ color:red; /*内部样式写法*/ } </style> <link rel="stylesheet" href="css文件路径">  </head> <body> <p style="color:blue;"></p>  <div> 1.内部样式:在head元素中添加一对style标记 2.在style标签中添加样式规则 </div> <p> 外部样式:创建一个css后缀文件夹在该文件夹中编写样式规则在head元素中以link引入 </p> </body> </html> css基础选择器    . <style> *{ color: red; } </style>    <style> div{ color: red; } </style>    <!-

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 ; } 变量值也可以引用其他变量。 $

Java-JavaWeb-CSS

阅读更多关于 Java-JavaWeb-CSS

层叠样式表 CSS和HTML相结合的4种方式每个html标签，都有一个style属性 <div >......</div> 属性与值之间使用冒号：连接属性与属性之间使用分号；连接使用HTML的<style>标签，要写在<head>标签中 <style type="text/css"> div{ color:red; }</style> @import url(CSS文件的路径); 也要写在head标签中style标签中 css文件的格式 div{color:black;} 某些浏览器中不支持头标签的link标签 <link rel="stylesheet" type="text/css' href="div.css"/> 此种方式较常用选择器 class选择器 <style> .haha={color:black;}</style> 所有class属性值是haha的标签，都会起作用 <div class="haha">....</div> id选择器 <style> #haha={color:black;}</style> 所有id属性值是haha的标签都会起作用 <div id="haha">....</div> 选择器的优先级 class选择器大于标签选择器，id选择器大于class选择器，单独标签中的style属性的优先级最高扩展选择器关联选择器 <div><p

订阅 css选择器