css选择器 | 易学教程

css学习1

阅读更多关于 css学习1

　　选择器不多说，个人觉得选择器权重才是选择器的重点，只要知道浏览器在排查一长串选择器的时候，是从后往前排查的。　　eg：div>ul li a em {....} 浏览器看到这一长串，为了节省效率，会从后往前排查，就是从em到div。　　关于我怎么不截图：截的图粘贴不过来，886。一、关于选择器权重　　有时候你发现自己的样式没有在你的元素上表现出来，除了检查有没有写错选择器，还可以看看是不是优先级的问题。　　 1）关于优先级　　　 !important > 行间样式 >id选择器 > class选择器 | 属性选择器 > 标签选择器 > 通配符选择器　　 2）权重　　　　　优先级是根据内部权重进行总结的。　　　　选择器权重！important 正无穷行间样式 1000 id 100 class选择器|属性选择器|伪类选择器 10 标签选择器|伪元素选择器 1 通配符选择器 0 　　　　　　注意：这些权重的值都不是十进制而是 256进制。　　　　　　eg：.wrapper .top .nav ul li #id { } 权重值是：10+10+10+1+1+100 = 131 　　　　　　　　如果选出同一个元素的选择器串权重值一样，后面覆盖前面的。　　　　　　　　如果.wrapper .top .nav ul li #id

HTML 之 CSS

阅读更多关于 HTML 之 CSS

CSS 　　　　　　CSS：CSS是Cascading Style Sheets的简称，中文称为层叠样式表，用来控制网页数据的表现，可以使网页的表现与数据内容分离。一、CSS 的四种引用方式　　1.1 行内式　　　行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用。 1 <p style="color: slateblue;background-color: black">hello p</p> 　　1.2 嵌入式　　　嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中，不推荐使用。格式如下： 1 <head> 2 <meta charset="UTF-8"> 3 <title>Title</title> 4 5 <style> 6 div{ 7 color: red; 8 background-color: gray; 9 } 10 </style> 11 </head> 　　 1.3 链接式　　　将一个.css文件引入到HTML文件中，强烈推荐使用。 1 <link type="text/css" rel="stylesheet" href="css.css"> 　　　css.css 是一个 CSS 文件，封装了 CSS 代码。　　1.4 导入式　　　将一个独立的

CSS基础知识

阅读更多关于 CSS基础知识

一、基础知识 1.定义 CSS：层叠样式表，定义如何显示HTML元素。当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。 2.CSS语法每个CSS样式有两个组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。 3.CSS注释 /*这是注释*/ 4.CSS的几种引入方式（1）行内样式行内式是在标记的style属性中设定CSS样式。 <p style="color: red">Hello world.</p> （2）内部样式嵌入式是将CSS样式集中写在网页的<head></head>标签的<style></style>标签对中。格式如下： <head> <meta charset="UTF-8"> <title>Title</title> <style> p{ background-color: #2b99ff; } </style> </head> （3）外部样式外部样式就是将CSS写在一个单独的文件中，然后在页面进行引入即可。 <link href="mystyle.css" rel="stylesheet" type="text/css"/> 二、CSS选择器 1.基本选择器（1）标签选择器 p {color: "red";} （2）ID选择器 #i1 { background-color: red; } （3）类别选择器

CSS知识速递

阅读更多关于 CSS知识速递

CSS的四种引入方式 1.行内式行内式是在标记的style属性中设定CSS样式，这种方式没有体现出CSS的优势，不推荐使用。 <p style="background-color:red">CONTENT</p> 2.嵌入式嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中。格式如下： <head> <meta charset="UTF-8"> <title>Title</title> <style> p{ background-color: #2b99ff; } </style> </head> 3 链接式（推荐使用）将一个.css文件引入到HTML文件中，<link>标记写在<head>标记中，体现出css的优势。 <link href="mystyle.css" rel="stylesheet" type="text/css"/> 4.导入式（一般不用）　　将一个独立的.css文件引入HTML文件中，导入式使用CSS规则引入外部CSS文件，<style>标记写在<head>标记中，使用的语法如下： <style type="text/css"> @import"mystyle.css"; 此处要注意.css文件的路径 </style>　　　导入式存在加载问题（在整个网页装载完后再装载CSS文件

html/css基础

阅读更多关于 html/css基础

html 一、标签（重要） 1.web标准的组成三部分结构层 html 样式层css 行为层JS。 2.标签的分类（单标签，双标签） (嵌套关系，并列关系) 3.文本格式化标签 b, p i u h1 en 4.img标签使用及属性 <img src="路径" alt=“图片加载失败显示”title=“鼠标悬停出现”width=“宽”height=“高”> *图片设置宽高，最好宽和高只选择一项设置防止变形;除非有确定的宽和高 5.a标签的使用以及页面定位功能标签<a herf="#" 属性:href路径 target窗口打开方式:_blank(新窗口打开) _self(当前窗口打开) ( <base target="打开方式">写在hady标签内 base英文基础的意思S ) onclick:(点击)="return fase" 禁止当前页面跳转锚点定位加id名 herf="路径+#id名" 6.绝对定位/相对定位: 绝对路径是从盘符,网络资源路径出发(不常用) 相对路径是从文件本身出发. H5标签：<nav></nav>导航 <aside></aside>侧边栏 <article><article>文章 footer脚注 header头部二、无序列表(常用、重要) ul li （导航多种相同的）例: <ul> <li><p></p><li> *在ul内写其他标签，

CSS基础-插曲

阅读更多关于 CSS基础-插曲

CSS学习 1：通过css来设置边框的颜色我们可以通过border:10px solid red;来统一的设置颜色，但是我们有的时候需要每个边框的颜色不一样，我们就需要通过各自设置的方法来设置边框的颜色。 <body>  <div style=" color:red; font-family: 楷体; font-size: 50px; background-color: blue; width:300px; /*border:10px dashed red;*/ border-top: 10px solid red ; border-bottom:10px dashed yellow; border-left: 10px solid burlywood; border-right: 10px solid purple; " > <p>你好世界</p> <p>你好世界</p> <p>你好世界</p> <p>你好世界</p> </div> 只是通过在div中的style中写，我们要是写css一定要写在head中，切记不要这样的书写。 div中的溢出我们应该如何办。我们可以添加属性，overflow:"";我们可以选择性的进行隐藏溢出的部分。 2：行内元素设置高宽是没用的

02 前端篇（选择器和属性）

阅读更多关于 02 前端篇（选择器和属性）

http 协议：超文本传输协议，基于请求 / 响应模式无状态协议（短连接，无记忆） url ：统一资源定位符 post 有请求体， get 没有请求体 referer ：请求来自那个页面。放在请求头部 Content-Type ： url 编码方式，放在请求体里面的 css ： Cascoding Style Sheets ，层叠样式表四种引入方式 : 行内式嵌入式链接式（推荐）导入式 css 的选择器（ selector ）：基础选择器： * 通用元素选择器 E 标签选择器 .info 和 E.info ： class 选择器。匹配所有 class 属性中包含 info 的元素 .info {color: Yellow} p.info {color: Yellow} #info ： id 选择器组合选择器： E,F ：多元素选择器，同时匹配所有 E 元素或 F 元素，用逗号分隔 E F ：后代元素选择器，匹配所有属于 E 元素后代的 F 元素， E 和 F 之间用空格分隔 E>F ：子元素选择器，匹配所有 E 元素的子元素 F E+F ：毗邻元素选择器。匹配所有紧随 E 元素之后的同级元素 F 属性选择器： E[att] ：匹配所有具有 att 属性的元素，不考虑它的值 E[att=val] ：匹配所有 att 属性等于 val 的元素 E[att~=val]

web前端基础——CSS

阅读更多关于 web前端基础——CSS

web前端基础——CSS CSS 语法 CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。 selector { property: value; property: value; ... property: value } 例如 h1 {color:red; font-size:14px;} css的四种引入方式行内式行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用。 <head> <meta charset="UTF-8"> <title>Title</title> <style> p{ background-color: #2b99ff; } </style> </head> 嵌入式嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中。格式如下： <head> <meta charset="UTF-8"> <title>Title</title> <style> p{ background-color: #2b99ff; } </style> </head> 链接式将一个.css文件引入到HTML文件中 <link href="mystyle.css" rel="stylesheet" type="text/css"/> 导入式将一个独立的

自用CSS基础笔记-①入门知识

阅读更多关于自用CSS基础笔记-①入门知识

CSS优化界面 CSS选择器：（C3） ①id选择器②类选择器③标签选择器 ④通配符选择器⑤伪类选择器:（链接伪类a:link/visited/hover/active，结构伪类E:frist-child/E:last-child/E:nth-child(n)，目标伪类:target） ⑥复合选择器 ⒈交集选择器[既标签又类名，连写] ⒉并集选择器[逗号] ⒊后代选择器[空格] ⒋子元素选择器[＞] ⑦属性选择器 ⑴E[attr] （attr是属性值） ⑵E[attr=val]（全等） ⑶E[attr^=val]（属性值以val开头）⑷E[attr$=val]（属性值以val结尾）⑸E[attr*=val]（任意位置包含val） ⑧伪元素选择器:: E::frist-letter，E::frist-line，E::selection，E::before，E::after。（前/后添加content）类选择、伪类选择器就是选取对象，而伪元素选择器本质是插入一个行内元素（盒子）审查不到标签却能显示盒模型，要伪元素不占位要用绝对定位。 CSS简写： ①background:url(images/x.png) no-repeat fixed center -25px,url(images/x.png) no-repeat scroll center -25px #000;颜色最后加

jquery 选择器(name,属性,元素)大全

阅读更多关于 jquery 选择器(name,属性,元素)大全

转载： https://www.cnblogs.com/hanqishihu/p/6096977.html jQuery 选择器大体上可分为：基本选择器、层次选择器、过滤选择器、表单选择器。其中过滤选择器可以分为：简单过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单对象属性过滤选择器。选择器是jQuery最基础的东西，下面向大家介绍 jquery +%D1%A1%D4%F1%C6%F7/" rel="nofollow" target="_blank">jquery 选择器的用法选择器是jQuery的核心组成部分，因为使用jQuery操作DOM时所做的每件事都和选择器密切相关——总得先选取元素才可进行下一步。jQuery使用常见的CSS选择器和XPATH选择器，它们为绝大多数Web设计师和开发者所熟悉。除此之外，还有一些jQuery自定义的选择器。正是这些选择器使得jQuery分外灵活，易于学习。理解选择器如何工作，才能为充分利用jQuery的强大功能打好坚实基础。在那些CSS选择器力不从心的场合，过滤器可以让你更灵活地根据DOM特性选取元素。人们常常结合使用过滤器和选择器，以便在基于某一标准选择特定元素时进行深度控制，比如需要根据元素在一组元素中的位置，或元素的可见性，或表单元素的某些属性（如选中/未选中或是否被禁用）选取元素时

订阅 css选择器