css选择器 | 易学教程

jQuery选择器总结

阅读更多关于 jQuery选择器总结

jQuery 的选择器可谓之强大无比，这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素，返回div元素数组 $(".myClass") 选择使用myClass类的css的所有元素 $("*") 选择文档中的所有的元素，可以运用多种的选择方式进行联合选择：例如$("#myELement,div,.myclass") 层叠选择器： $("form input") 选择所有的form元素中的input元素 $("#main > *") 选择id值为main的所有的子元素 $("label + input") 选择所有的label元素的下一个input元素节点，经测试选择器返回的是label标签后面直接跟一个input标签的所有input标签元素 $("#prev ~ div") 同胞选择器，该选择器返回的为id为prev的标签元素的所有的属于同一个父元素的div标签基本过滤选择器： $("tr:first") 选择所有tr元素的第一个 $("tr:last") 选择所有tr元素的最后一个 $("input:not(:checked) + span") 过滤掉：checked的选择器的所有的input元素

web前端入门到实战：css选择器和css文本样式相关

阅读更多关于 web前端入门到实战：css选择器和css文本样式相关

【文章来源微信公众号：每天学编程】--- 关注，后台领取编程资源 css基础-css选择器和css文本样式相关：使用link链入外部样式，页面加载时会同时加载样式 @import url(“*.css”);使用导入式，页面加载完后，才会加载样式链接伪类的顺序 :link-> :visited ->:hover-> :active 或者 : visited -> : link ->:hover-> :active 选择器的优先级： id选择器>class选择器>标签选择器如果设置了同样的类样式，类样式与元素里类的顺序没有关系，取决于哪个样式离需要引用样式的元素最近就用哪个，所以div里的文字颜色是“橘色“ 选择器权值：标签选择器：1 类和伪类选择器：10 id选择器：100 通配符选择器：0 行内样式：1000 !important：优先级最最高权值不同时，根据权值判断样式；权值相同时，根据就近原则判断样式常用选择器： input:focus p:first-letter p元素的首字母 p:first-line p元素的首行 serif字体和sans-serif字体的区别： sans-serif有修饰 sans-serif无修饰 font-style:normal/italic/oblique 正常斜体倾斜 font简写顺序： font-style font

CSS基础语法规则学习笔记

阅读更多关于 CSS基础语法规则学习笔记

CSS 概述 CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素样式通常存储在样式表中把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在 CSS 文件中多个样式定义可层叠为一样式解决了一个普遍的问题 HTML 标签原本被设计为用于定义文档内容。通过使用 <h1>、<p>、<table> 这样的标签，HTML 的初衷是表达“这是标题”、“这是段落”、“这是表格”之类的信息。同时文档布局由浏览器来完成，而不使用任何的格式化标签。由于两种主要的浏览器（Netscape 和 Internet Explorer）不断地将新的 HTML 标签和属性（比如字体标签和颜色属性）添加到 HTML 规范中，创建文档内容清晰地独立于文档表现层的站点变得越来越困难。为了解决这个问题，万维网联盟（W3C），这个非营利的标准化联盟，肩负起了 HTML 标准化的使命，并在 HTML 4.0 之外创造出样式（Style）。所有的主流浏览器均支持层叠样式表。样式表极大地提高了工作效率样式表定义如何显示 HTML 元素，就像 HTML 3.2 的字体标签和颜色属性所起的作用那样。样式通常保存在外部的 .css 文件中。通过仅仅编辑一个简单的 CSS 文档

前端基础CSS篇之一

阅读更多关于前端基础CSS篇之一

OXO1 写在前面 1.HTML和CSS的对比 (1)HTML只关注语义和结构，主要是对网页元素的整理和分类。（2）CSS的主要使用场景就是美化页面，布局页面。（3) CSS和HTML搭配使用，实现网页结构，表现分离。 2.CSS概述（1）概念 CSS是叠层样式表（Cascading Style Sheets)也称为CSS样式表或级联样式表。也是一种标记语言。（2)作用 CSS主要用于设置HTML页面中的文本内容(字体，大小，对齐方式等)，图片的外形（宽高，边框样式，边距等）以及版面布局和外观显示样式。 (3)CSS语法 CSS主要是由选择器和一条或者多条申明组成。选择器 { 属性1: 值1；属性2: 值2；属性n: 值n； } demo: p { color: red; font-size: 12px; } 注：选择器：指定修改样式的目标声明：要改成的样式（4）CSS注释： /* 我是被注释掉的内容 */ OXO2 选择器的分类一. 基础选择器 1.标签选择器 (1) 标签选择器(元素选择器)是指用HTML标签名称作为选择器，按照标签分类，为页面中某一类型的标签，指定统一的CSS样式。（2）语法：标签名 { 属性1：值1；属性2：值2； .... } demo : <!DOCTYPE html> <html lang="en"> <head>

2015年7月8日 CSS第一课

阅读更多关于 2015年7月8日 CSS第一课

一、css样式部分　　1、css样式的三种常用写法：　　　　第一种行内样式：直接在标签里，如：<p style="color:red"></p> 　　　　第二种内嵌式：在关部标签head里面，加入<style> p{ color:red;} </style> 　　　　第三种链接式：在外部新建css文件写入样式，在html文件中引入：　　　　　　<link rel="stylesheet" type="text/css" href="相对路径.css"> 第四种导入样式：它的缺点是页面加载完成后才导入（不常用） <style> @import url("相对路径"）注：以上四种样式的优先级为：行内样式>内嵌式>链接式二、CSS选择器： 1、标签选择器：p{color:red;} 2、类别选择器：.c1{color:green;} 3、 ID 选择器：#d1{color:yellow;} 三种选择器的优先级： ID选择器>class类别选择器>标签选择器。三种选择器的区别：标签选择器整个页面都将使用该种样式，CLASS选择器多个标记可共同使用该样式，ID选择器在一个页面中不可重复样式是独有的。 css的注释：/*这里写上注释说明*/ 四、css的继承性： css具有继承性，但只有字体相关的属性，才会被里面的标签继承。 #d1 p

CSS基础知识

阅读更多关于 CSS基础知识

3 月，跳不动了？>>> 1.CSS的编写格式键值对形式的，冒号左边是属性名，右边属性名称 2.CSS的3种书写形式 //1.行内样式 <div>  <span>123</span> <span style="color: red; background-color: blue">红蓝色</span> </div> //2.内页样式 <style type="text/css"> span{ color: green; } </style> //3.外部样式先新建一个空的file，后缀为css //test.css： span{ color: green; }  <link rel="stylesheet" href="test.css"> 3.标签选择器 1>.标签选择器 2>.类标签选择器 3>.id标签选择器 4>.群组选择器 5>.选择器组合 6>.后代选择器 7>.子标签选择器 8>.相邻兄弟选择器 9>.属性选择器 10>.伪类 1.标签选择器 p{ color: red; } 2.class标签选择器前面加点. 可以批量 .first{ color:red; } 3.id标签选择器前面加#.只能用1个id标签 #second{ color

CSS样式表选择器

阅读更多关于 CSS样式表选择器

1. 内联样式表和 HTML联合显示，控制精确，但是可重用性差，冗余较多。例： <p style="font-size:14px;">内联样式表 </p> <div style="background-color:#0C0; width:80%; font-size:24px; color:red; margin:auto">abcdefghijklmnopqrstuvwxyz</div> <span style="background-color:#600; font-size:18px; color:#303">span不可以被更改大小，因为规定了span使用多少就占用多少</span> 2. 内嵌样式表作为一个独立区域内嵌在网页里，必须写在 head标签里面。 <style type="text/css"> p //格式对 p标签起作用 { 样式； } </style> 3. 外部样式表新建一个 CSS文件，用来放置样式表。如果要在 HTML文件中调用样式表，需要在 HTML文件中点右键 →CSS样式表 →附加样式表。一般用 link连接方式。有些标签有默认的边距，一般写样式表代码的时候都会先去除（也可以设置其他的样式），如下：（二）选择器 1. 标签选择器。用标签名做选择器。 2.class 选择器。都是以 “.” 开头。 <div class="样式名"> 3

CSS知识补足——选择器的知识补充

阅读更多关于 CSS知识补足——选择器的知识补充

后代选择器 /* 以下两种写法叫做子代选择器，第一个元素不管是标签名还是类名，都作为其代表标签，也是该选择器的最高级别（父类），然后向下搜寻，搜寻到底 */ /* 会使所有 ul 里的li标签改变样式 ul li{ color: brown; } */ /* 这种写法就会让类名为 need 的ul 里的li 元素改变样式 .need li{ color: brown; }*/ <ul class="need"> <a href="#"> 22222222</a> <li><a href="#"> 11111111</a></li> </ul> 子元素选择器 /* 以下方式为子元素选择器，这种方式只会将父元素的儿子辈的元素改变样式，而儿子辈内部的元素则不会被修改样式 */ /* ul>a{ color: green; } */ <ul class="need"> <a href="#"> 22222222</a> <li><a href="#"> 11111111</a></li> </ul> 并集选择器 /* 以下为并集选择器该选择器，用逗号分隔各个需要渲染的元素，同时还能够跟其他选择器同时使用 */ /* ol,p,ul li>a{ color: pink; } */ <ul class="need"> <a href="#"> 22222222</a> <li><a

css选择器总结

阅读更多关于 css选择器总结

　　最近有点忙，所以没有发表博文，现在时间空闲下来了，好好的整理一下知识，今天总结一下css里面的一些选择器。　　css里的选择器有好多种，下面我就把我了解到的写一写，如果有不全的或者有误的欢迎留言指正，万分感谢。　　一、选择器　　1、* 通配符选择器　　　这个选择器是匹配页面中所有的元素，一般用来清除浏览器的默认样式. *{margin:0; padding:0} 　　2、元素选择器　　　　通过标签名来选择元素。 div{width:100px; height:100px;} 　　3、class选择器　　　　　class选择器 / 类选择器 / 用class属性给元素命名，在页面中可以出现很多次，相当于人的名字。 .box{width:100px; height:100px;} <div class="box"></div> <p class="box"></p> 　　4、 id选择器　　　　以id属性来命名，在页面中只能出现一次，具有唯一性，并且权重值最高，相当于一个人的身份证。 #box{width:100px; height:100px;} <div id="box"></div> 　二、高级选择器一　　　1、 E F 后代选择器　　　　匹配到E元素下面的所有的F元素（包括子、孙），空格隔开。 div ul li {width:100px; height

基础2

阅读更多关于基础2

表单 1:表单标签 <form></form> 属性: action="接口地址" <form action="提交地址" method="提交方式" name="表单名字"> method="get/post" name="表单名称" 2:表单控件 <input> 属性: type="控件类型" name:属性标识表单域的名称; value:属性定义表单域的默认值，其他属性根据type的不同而有所改变化。 <input type="类型"> type="text"当行文本输入框 type="password"密码输入框 type="submit"提交按钮 type="reset"重置按钮 type="button"空按钮（如果要做功能，需要结合js） name="名字" value="值" maxlength="允许输入的字符个数" size="设置元素显示的宽度" get和post的区别: get:在地址栏提交，有长度限制，有可能造成数据丢失，一般提交的数据较短，明文可见，不安全，就算加密也比较容易破解，速度较快，如果只考虑速度那就用get post:不在地址栏提交，安全，没有长度限制（理论上是有长度限制）一般提交的数据较大，速度较慢样式的基本规则: 1:属性与值之间用英文冒号连接，分号结束 2:属性与属性之间可以空格，可以换行 3:一个属性中有多个属性值时

订阅 css选择器