css选择器 | 易学教程

jQ - 选择器

阅读更多关于 jQ - 选择器

1.jQuery-选择器 1)基本选择器　　 #id 　　根据给定的ID匹配一个元素 $("#myDiv");　　　　　 element 　　根据给定的元素名匹配所有元素 $("div"); 　　 .class 　　根据给定的类匹配元素 $(".myClass"); 　　 * 　　匹配所有元素 $("*") 　　　　 selector1,selector2,selectorN 　　将每一个选择器匹配到的元素合并后一起返回。 $("div,span,p.myClass") 2）层级选择器　　ancestor descendant 　　在给定的祖先元素下匹配所有的后代元素 $("form input") 　　 parent > child 　　匹配父级元素下的子级元素 $("form > input") 　　 prev + next 　　匹配所有紧接在 prev 元素后的 next 元素（相当于css中的相邻选择器） $("label + input") 　　prev ~ siblings 　　匹配 prev 元素的所有同辈 siblings 元素（相当于css中的兄弟选择器） $("form ~ input") 3)基本过滤选择器　　 :first 　　获取第一个元素 $('li:first'); //获取第一个li元素　　 :last　　　　获取最后个元素

前端—CSS层叠样式表

阅读更多关于前端—CSS层叠样式表

文章目录 CSS介绍基本语法 CSS页面引入常用CSS样式基本选择器盒子模型 CSS浮动典型布局案例 CSS介绍 1、定义 CSS指层叠样式表（Cascading Style Sheets）如何显示控制HTML元素，从而实现美化HTML网页. 通俗来说，指样式与页面结构分开，代码更简洁 2、优势为了让页面元素的样式更加丰富，也为了让页面的内容和样式能拆分开，CSS由此诞生、有了CSS，HTML中大部分表现样式的标签就废弃不用了，HTML只负责文档的结构和内容，表现形式完全交给CSS，因此HTML文档会变得更加简洁基本语法格式：选择器{属性：值；属性：值；属性：值;…} CSS页面引入方法一：内联式通过标签的style属性，在标签上直接写样式方法二：嵌入式通过style标签，在网页上创建嵌入的样式表，比较常用。写在head里方法三：外联式：样式表中只要样式通过link标签，链接到外部样式表到页面中，最常用。写在head里样式表位置建议写相对路径，CSS样式文件建议直接存到CSS目录中，创建一个CSS目录，再在里面创建一个main.css文件，用来编辑样式代码。 # HTML框架： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title<

javaweb-css

阅读更多关于 javaweb-css

本文着重介绍 CSS( 在网上搜集的笔记是跟 html 在同一天讲完的 , 但是这样太草率 , 所以我把 css 单独列出来 , 毕竟是装修装饰的玩意 , 多了解一点 , 人靠衣装嘛 ) CSS 1 、 css 的简介（ 1 ）什么是 css ？层叠样式表 * 样式表：有很多的属性和属性值，来设置内容样式 * 层叠：一层一层的，样式的优先级。 ** 优先级 : 由上至下 , 就近原则最终目的 : 把网页的内容和样式进行分离 , 利于代码的后期维护 * 想要使用 css ，不能单独使用，要和 html 结合使用 * css 和 html 的如何结合使用。 2 、 css 和 html 的结合方式（ 1 ） css 和 html 有四种结合方式第一种：使用 html 标签里面的属性 style="css 的代码 " ( 不推荐 , 因为太乱 ) * 代码 <div style="color:blue;"> 第二种：使用 html 的标签 ( 这种用得比较多 ) * <style type="text/css"> css 的代码 ; </style> * 代码 <style type="text/css"> div { color:black; } </style> 第三种：使用 html 标签实现 link ，写在 head 里面 ( 外部样式表 , 用的也挺多 ) *

2019-4-26 css学习笔记

阅读更多关于 2019-4-26 css学习笔记

CSS简介：Cascading Style Sheets(层叠样式表)的缩写，它是一种用来表现HTML或XML等文件样式的计算机语言。 CSS的作用：是定义网页外观（例如，字体、背景、文本、位置、布局、边缘、列表及其他等),它也可以和JavaScript等浏览器端脚本语言合作做出许多动态效果。所谓的样式表，是样式化HTML的一种方法，HTML是文档的内容，而样式表是文档的表现，或者说是外观。所谓的层叠，就是将一组样式在一起层叠使用，控制某一个或多个HTML元素，按样式表中的属性一次显示。一个样式表可以用于多个页面，甚至整个站点，因此CSS具有良好的易用性和扩展性。从总体来说，使用CSS不仅能够弥补HTML对网页格式化功能的不足，例如段落间距、行距、字体变化和大小等，还可以使用CSS动态更新页面格式，进行排版定位等。CSS特点如下。（1）控制页面中的每个元素（精确定位）。（2）对HTML语言处理样式的最好补充。（3）把内容和格式相分离，减少工作量。 CSS的规则组成： CSS和HTML一样都是由W3C制定的标准。 CSS书写格式和注释写法： p{ font-size:30px; /* color:yellow; */ border:1px solid blue; } 注：p 是选择器 {}的包含的内容是声明 font-size: 30px; 属性：属性值；

CSS知识点摘记

阅读更多关于 CSS知识点摘记

CSS层叠样式表cascading style sheets 将网页中的样式单独分离出来，完全由CSS控制，增强样式复用性和扩展性。格式：选择器{属性名：属性值；属性名：属性值；……} CSS与HTML结合的4中方式： 1、每个HTML标签都有style属性 2、当页面中有多个标签具有相同样式时，可定义style标签封装样式以复用 <style type=”text/css”>css代码</style> 3、当多个页面使用相同样式时，可将样式单独封装为CSS文件导入 <style type=”text/css”>@import url(“1.css”);</style> 4、通过HTML头标签中的link标签链接一个CSS文件 <link rel=”stylesheet” href=”1.css” media属性可选，默认设备屏幕/> 技巧：为提高样式的复用性和可扩展性，将多个样式单独定义并封装为CSS文件，如p.css、div.css……在一个总的CSS文件中，使用import导入这些CSS文件，然后在HTML页面中用link标签将这个总的CSS文件导入即可。优先级：就近原则标签上设置的style属性可以覆盖其他样式选择器： 1、标签选择器：每个HTML标签名即为一个选择器 2、类选择器：标签中的class属性指定定义样式要加点 js引用时用className 3

css学习小结

阅读更多关于 css学习小结

Css 学习总结： html 在一个网页中负责的事情是一个页面的结构 css( 层叠样式表 ) 在一个网页中主要负责了页面的数据样式。编写 css 代码的方式：第一种：在 style 标签中编写 css 代码。只能用于本页面中，复用性不强。格式： <style type="text\css"> 编写 css 的代码。 </style> 例子： <style type="text\css"> a{ color:#F00; text-decoration:none; } </style> 第二种：可以引入外部的 css 文件。推荐使用。方式 1 ：使用 link 标签。推荐使用 ... 格式： <link href="css 文件的路径 " rel="stylesheet"> 例子： <link href="1.css" rel="stylesheet"/> 方式 2 ：使用 <style> 引入格式： <style type="text/css" > @import url("css 的路径 "); </style> 例子： <style type="text/css" > @import url("1.css"); </style> 第三种方式：直接在 html 标签使用 style 属性编写。只能用于本标签中，复用性较差。不推荐使用。例子： <a

CSS的总结(选择器,伪类等...)

阅读更多关于 CSS的总结(选择器,伪类等...)

关于组合选择器可参考: http://www.cnblogs.com/starof/p/4453458.html 主要内容 CSS概述 CSS和HTML结合的四种方式 CSS样式优先级和代码规范 CSS三种常用选择器 CSS三种扩展选择器 CSS的常见操作 CSS概述 CSS （Cascading Style Sheet）是层叠样式表.作用来定义网页的显示效果。简单一句话：CSS将网页内容和显示样式进行分离，提高了显示功能。 CSS的优点 1：CSS可以更加精细的控制网页的内容形式。比如说前面的font标签中的size属性，可以用于控制文字的大小，但是，它控制的字体只有7级。要是出现其他级别的文字，它就实现不了，而css可以办到，它可以任意设置字体的大小。 2：CSS样式是丰富多彩的。 3：CSS的样式定义是灵活多样的。 CSS和HTML结合的方式 sytle属性方式(行内样式) style标签方式(内嵌样式) 导入方式链接方式 A：style属性方式：利用标签中style属性来改变每个标签的显示样式。例： <p style="background-color:#FF0000; color:#FFFFFF"> 　　 p标签段落内容。 </p> 该方式比较灵活，但是对于多个相同标签的同一样式定义比较麻烦，适合局部修改。 B：style标签方式：（内嵌方式）

CSS的三大特性

阅读更多关于 CSS的三大特性

CSS有三个非常重要的特性：层叠性、继承性、优先级一、层叠性相同选择器给设置相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式。层叠性主要解决样式冲突的问题层叠性原则：样式冲突，遵循的原则是就近原则，哪个样式离结构近，就执行哪个样式样式不冲突，不会层叠。二、继承性 css中的继承：子标签会继承父标签的某些样式，如文本颜色和字号。简单的理解就是：子承父业。 1、恰当的使用继承可以简化代码，降低CSS样式的复杂性 2、子元素可以继承父元素的样式（text- , font-, line-这些元素开头的可以继承，以及color属性）。跟文字相关的样式行高的继承性行高可以跟单位也可以不跟单位如果子元素没有设置行高，则会继承父元素的行高为1.5。此时，子元素的行高是：当前子元素的文字大小*1.5 三、优先级当同一个元素指定多个选择器，就会有优先级的产生选择器相同，则执行层叠行选择器不同，则根据选择器权重执行选择器　　　　　　　　　　选择器权重继承或者*　　　　　　　　　　0.0.0.0. 元素选择器　　　　　　　　　 0..0.0.1 类选择器、伪类选择器　　　0.0.1.0 ID选择器　　　　　　　　　　0.1.0.0 行内样式style=""　　　　　　 1.0.0.0 !important 重要的　　　　　　无穷大优先级注意点： 1

HTML——8.css -> basic基础 & selector选择器

阅读更多关于 HTML——8.css -> basic基础 & selector选择器

目录 1.基本模式 2.多个标签设定相同样式 3.派生选择器 4.属性选择器 [ ] 5.选择器的使用以上练习代码： 1.基本模式 selector{ property：value; } 2.多个标签设定相同样式继承，如设定body-color body中未设定style的标签继承body's color 3.派生选择器：包含后代选择器，子选择器，相邻兄弟选择器 3.1后代选择器 " " 其实就是一个精细选择的过程如 p span{} 就是+空格只要是在标签里面的标签无论几代都可以，因为其为“后代”选择器，里面的都是它“后代” CSS: li strong { font-style: italic; font-weight: normal; } HTML: <p> <strong> 我是粗体字，不是斜体字，因为我不在列表当中，所以这个规则对我不起作用 </strong> </p> <ol> <li><strong>我是斜体字。这是因为 strong 元素位于 li 元素内。</strong></li> <li>我是正常的字体。</li> </ol> 结果：我是粗体字，不是斜体字，因为我不在列表当中，所以这个规则对我不起作用我是斜体字。这是因为 strong 元素位于 li 元素内。我是正常的字体。派生selector与id、class同时使用 I'm blue

css基础

阅读更多关于 css基础

css样式由选择符和声明组成，而声明又由属性和值组成。P{color:blue;}，选择符指网页中要应用样式规则的元素。属性与值之间用：分隔，多条声明用；分隔 css中用/*注释语句*/，html用<!—注释语句--> 从CSS样式代码插入的形式来看基本可以分为3种：内联式、嵌入式、外部式。内联式就是直接把css代码直接写在现有的HTML标签中，即写在style=””双引号中，如果有多条语句可以写在一起，用分号隔开。嵌入式：把CSS代码写在<style type=”text/css”> </style>标签之间。并且一般情况下嵌入式写在<head></head>之间。外部式：把css代码写一个单独的外部文件中，文件以“.css”为扩展名，在<head>内（不是在<style>标签内）使用<link>标签将css样式文件链接到HTML文件内，如下面代码：<link href="base.css" rel="stylesheet" type="text/css" /> 注意： 1、css样式文件名称以有意义的英文字母命名，如 main.css。 2、rel="stylesheet" type="text/css" 是固定写法不可修改。 3、<link>标签位置一般写在<head>标签之内。标签选择器：就是HTML中的标签，如<html><body><h1><p><img>

订阅 css选择器