css选择器 | 易学教程

HTML学习分享二

阅读更多关于 HTML学习分享二

一 . 常用快捷键 ctrl + s : 保存 ctrl + x、ctrl + c、ctrl + v : 剪切、复制、粘贴 ctrl + a : 全选 shift + end : 从头选中一行 shift + home : 从尾选中一行 shift + alt + 上下键：快速复制一行 alt + + 上下键：快速移动一行 ctrl + z : 撤销 ctrl + y : 还原 alt + 光标左键：实现多光标的操作 ctrl + d : 快速选中后面一样的代码 tab : 向后缩进 tab + shift : 向前缩进 ! + tab : 快速创建初始代码 ctrl + /，shift + alt + a 注释二 . 常用的标签 1.标题 <h1></h1>...<h6></h6> 2.段落 <p></P> 3.文本修饰标签（1）强调标签，可以给文本加粗 <strong></strong> （2）强调标签，可以给文本加斜体（没有strong强调的那么强烈） <em></em> （3）下标文本，上标文本 <sub> <sup> （4）删除文本，插入文本 <del> <ins> 拓展：<b></b> <i></i> 4.单标签（1）让文本换行 <br> （2）水平线 <hr> 5.图片标签（1）单标签 <img> （2）图片的链接地址 src="" （3）当图片出现问题的时候

CSS选择器的优先级

阅读更多关于 CSS选择器的优先级

1.首先介绍一下CSS内联　　内联css也叫做行级css或行内css，它是直接在标签内使用 1 <body> 2 <span style="color: red;">我是span块</span> 3 </body> 2.各种选择器标签选择器：点击这里了解标签选择器 ID选择器：点击这里了解ID选择器类选择器：点击这里了解类选择器属性选择器：点击这里了解属性选择器伪类：点击这里了解伪类标签选择器：点击这里了解标签选择器伪元素：点击这里了解伪元素 3.进入主题，了解选择器优先级计算公式每位写过各种选择器的学习者来说，都总结过一个大众的规律：内联>ID选择器>类选择器>标签选择器其实关于优先级有一个计算公式，在《CSS REFACTORING》一书中提过 A specificity is determined by plugging numbers into (a, b, c, d): If the styles are applied via the style attribute, a=1; otherwise, a=0. b is equal to the number of ID selectors present. c is equal to the number of class selectors, attribute

jquery选择器

阅读更多关于 jquery选择器

jQuery 选择器 jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。 jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"（或选择）HTML 元素。它基于已经存在的 CSS 选择器，除此之外，它还有一些自定义的选择器。 jQuery 中所有选择器都以美元符号开头：$()。元素选择器 Query 元素选择器基于元素名选取元素。在页面中选取所有 <p> 元素:$("p") #id 选择器 jQuery #id 选择器通过 HTML 元素的 id 属性选取指定的元素。页面中元素的 id 应该是唯一的，所以您要在页面中选取唯一的元素需要通过 #id 选择器。通过 id 选取元素语法如下： $("#test") .class 选择器 jQuery 类选择器可以通过指定的 class 查找元素。语法如下： $(".test") 更多实例语法描述实例 $("*") 选取所有元素在线实例 $(this) 选取当前 HTML 元素在线实例 $("p.intro") 选取 class 为 intro 的 <p> 元素在线实例 $("p:first") 选取第一个 <p> 元素在线实例 $("ul li:first") 选取第一个 <ul> 元素的第一个 <li> 元素在线实例 $("ul li:first-child") 选取每个

jQuery知识点总结

阅读更多关于 jQuery知识点总结

一、元素的增删改查 1、增加 a 、 append() 和 appendTo() 区别 append()：后边的加到前边的里边（后置插入） appendTo()：前边的加到后边的里边 b 、 prepend() 和 prependTo() 区别后边的加到前边的里边（前置插入） c、after() 和 before() 区别后边的插入到前边的之后后边的插入到前边的之前 2、删除 a 、 remove 、empty 和 detach 方法的区别 Remove：移除 Empty：把元素内容清空 Detach：删除后还保留原有的事件 3、改 a、replaceWith() 后边的替换前边的例： <div class="container"> <div class="inner first">Hello</div> <div class="inner second">And</div> <div class="inner third">Goodbye</div> </div> $(‘.third').replaceWith($('.first')); 执行完的结果是？And hellow b 、 replaceAll() 方法前边的替换后边的 4、以下选择器各列举五个基本选择器 Id Class * 群组选择器直接名字层次选择器 form>input

《HTML5+CSS3+JavaScript从入门到精通》读书笔记

阅读更多关于《HTML5+CSS3+JavaScript从入门到精通》读书笔记

#HTML5定义 #css样式样式是css最小的语法单元，每个样式包含两部分内容，选择器和声明（规则）。 1.选择器（Selector）：选择器告诉浏览器该样式将作用于页面中哪些对象，这些对象可以是某个标签、所有网页对象、指定Class或ID值等。 2.声明（Declaration）：声明可以增加一个或者无数个，这些声明命令浏览器如何去渲染选择器指定的对象。 3.属性（Property）：属性是css提供的设置好的样式选项。属性名是一个单词或多个单词组成，单词之前通过连字符相连。 4.属性值（Value）：属性值是用来显示属性效果的参数。来源： https://www.cnblogs.com/atai/p/12393721.html

CSS层叠式样式表学习笔记

阅读更多关于 CSS层叠式样式表学习笔记

CSS和HTML分开的优点 HTML负责基本的内容展示，而CSS负责样式的控制，制造效果。 1、实现解耦合的作用 2、使得协作更加明确 3、开发效率得到提高 CSS和HTML的结合方式内联：就是在想要控制样式的的标签内直接控制，只能作用于该部分，范围最小。内部：直接在head内部中控制该文件的样式。外部：通过link标签链接一个外部的css文件，而控制方式就直接书写在这个外部css文件中。 CSS的基本语法格式：选择器{ 属性：属性值; 属性：属性值; } 选择器：就是用于筛选特征相似的元素基础选择器： id选择器：#id属性值{} 元素选择器：直接筛选元素相对应的内容类选择器：class属性值{} 优先性上id>calss>元素扩展选择器：通用选择器：*{}选择所有元素并集选择器：选择器1，选择器2{} 子集选择器：选择器1 选择器2{} 父集选择器：选择器1>选择器2（选择选择器2上的选择器1）属性选择器：元素名称[属性=“属性值”]{} 伪类选择器：元素：状态{} 状态：linked:初始化 hover:鼠标悬浮状态 active：鼠标点击但是未打开状态 visited:访问过状态 CSS属性字体（Font）属性 font-size：字体大小 font-family：字体系列文本（Text）属性 color

02---CSS整理

阅读更多关于 02---CSS整理

一、概述 CSS(cascading style sheet) 层叠样式表提供比HTML更强大的页面排版、美化工具 CSS将网页内容和显示样式进行分离，提高了显示功能二、CSS与HTML的结合方式 1、style属性方式（行内样式）：灵活但麻烦，只适合局部修改 2、style标签方式（内嵌样式）：将css样式内嵌到html页面的head里面优点：统一管理，统一修改，比较方便。 3、导入方式： <style type="text/css"> @import url(abc.css); </style> 4、连接方式: <link rel="stylesheet" type="text/css" href="abc.css" /> 优先级：就近原则代码规范：选择器名{属性名：属性值；……}，多属性值用空格分开三、CSS选择器 1、HTML标签名选择器: 使用的就是html的标签名 font {background-color:#FFFF00; color:#FF0000; } 2、class选择器: 使用标签的class属性 .p2 {font-size:1cm} 3、id选择器: 使用的是标签的id属性 #id1{ font-size:4cm} 四、扩展选择器 4、关联选择器:(上下文选择器) ，用于在一个标签内嵌套另一个标签的样式 p font{ font

Jquery日历控件

阅读更多关于 Jquery日历控件

9个有用的jQuery日历和网页设计师的日期选择器插件事件日历和日期选择器是是我们开发当中经常遇到的问题，这个时候我们就需要用jquery插件来实现，昨天我在做项目的时候，遇到了个问题就是如何显示倒计时问题，我这个时候就用jquery插件解决的，今天给大家分享9个其他的时间选择器插件 1。 FullCalendar FullCalendar是一个著名的jQuery日历插件，它提供了拖和下降功能，与谷歌日历整合，并能够通过JSON获取事件等功能。设计人员可以轻松定制外观和感觉的日历，而开发人员可以利用用户触发的事件暴露挂钩。 2. Astonishing iCal-like Calendar 这是一个使用jQuery和CSS来构建一个iPhone风格的日历应用程序的教程。 3 jQuery UI的DatePicker jQuery UI的DatePicker的是一个高度可配置的插件，他添加到您的网页的日期选择器的功能。您可以自定义的日期格式和语言，限制了可选择的日期范围，并容易添加按钮和其他导航选项。 4。 jMonthCalendar jMonthCalendar支持全月日历和事件。这个插件的有趣的部分是它允许开发者开发互动的日历。 5 日期选择器。 MIT和GPL许可证下发布的日期选择器是一个jQuery日历插件。它有很多的选项和功能。例如，你可以有多个日历组件

CSS 组合选择符

阅读更多关于 CSS 组合选择符

组合选择符说明了两个选择器直接的关系。 CSS组合选择符包括各种简单选择符的组合方式。在 CSS3 中包含了四种组合方式: 后代选取器(以空格分隔) 子元素选择器(以大于号分隔）相邻兄弟选择器（以加号分隔）普通兄弟选择器（以破折号分隔）后代选取器后代选取器匹配所有值得元素的后代元素。以下实例选取所有 <p> 元素插入到 <div> 元素中: 实例 div p { background-color:yellow; } 子元素选择器与后代选择器相比，子元素选择器（Child selectors）只能选择作为某元素子元素的元素。以下实例选择了<div>元素中所有直接子元素 <p> ： div>p { background-color:yellow; } 相邻兄弟选择器相邻兄弟选择器（Adjacent sibling selector）可选择紧接在另一元素后的元素，且二者有相同父元素。如果需要选择紧接在另一个元素后的元素，而且二者有相同的父元素，可以使用相邻兄弟选择器（Adjacent sibling selector）。以下实例选取了所有位于 <div> 元素后的所有 <p> 元素: div+p { background-color:yellow; } 普通相邻兄弟选择器普通兄弟选择器选取所有指定元素的相邻兄弟元素。以下实例选取了所有 <div>

CSS 选择器详解

阅读更多关于 CSS 选择器详解

CSS选择器详解 css的基本语法形式如下所示：选择器{属性名：属性值；属性名：属性值；……} 注意: 属性和值中间使用冒号分开,属性之间用分号(都是英文) 选择器语法符号的含义 E：代表“Element”，即元素； S：代表“Seletor”，即选择器； attr：代表“attribute”，即属性；下面直接用这些符号代替中文 css就是对html标签的一些外观上的修改,那选择器就是要选择哪个标签选择器分类 1 通配符选择器 2 标签选择器 3 类选择器 4 id选择器 5 属性选择器 6 伪类选择器 7 伪元素选择器 8 关系选择器 9 选择器组合选择器只是选择要修改的标签, 只是工具, 没有好坏之分,也没有顺序之分,只有常用的和不常用 1 通配符选择器通配符 : * (星号) 会匹配页面所有的元素,设定一些网页的基本通用属性语法格式: * { margin : 0 padding : 0 } 2 标签选择器按HTML的标签名分类,为某一类指定一种样式可以把某一类标签全部选择出来,不能设计差异化样式 (不常用) 语法格式: div { background : yello ; } 3 类选择器用英文的点"."标识,后面紧跟类名只要类名一样,那就都选中(常用但不单独出现) 语法格式: .类名 { 属性1 : 属性值1 ; 属性2 : 属性值2 ; }

订阅 css选择器