css第一个元素 | 易学教程

css随堂笔记（二）

阅读更多关于 css随堂笔记（二）

css sub注释注释不能嵌套 sub生成结构代码快捷复合选择器 1。后代选择器语法：选择器1 选择器2 选择器3 { 属性名：属性值 } 2.子代选择器子代选择器语法：选择器1>选择器2>选择器3 { 属性名：属性值； } 注意：子代选择器只能选择直接子元素（只能选择儿子） 3.交集选择器交集选择器语法：选择器1选择器2选择器3{ 属性名：属性值； } 注意：如果交集选择器中存在标签选择器，标签选择器一定要写在最前面 4.并集选择器并集选择器语法：选择器1，选择器2，选择器3{ 属性值：属性名； } 注意:并集选择器使用最多的时候是在css样式初始哈。 5.其他选择器伪类选择器用于向某些选择器添加效果分类： 1.链接伪类选择器 2.结构伪类选择器链接选择器：1。：link 链接颜色只对a标签有用 2. ：visited 点击完成后颜色只对a标签有用 3. :hover 鼠标悬停的时候的颜色对所有的元素都有效果 4. :active 鼠标按住的时候的颜色对所有的元素都有效果如果同时使用四个伪类选择器，他们是有顺序的。顺序是： :link :visited :hover :active 结构伪类选择器结构伪类选择器： :first-child 选择第一个子元素 :last-child 选择最后一个子元素 :nth-child(n)

jQuery常规选择器

阅读更多关于 jQuery常规选择器

jQuery最核心的组成部分就是：选择器引擎。它继承了CSS的语法，可以对DOM元素的标签名、属性名、状态等进行快速准确的选择，并且不必担心浏览器的兼容性。jQuery选择器实现了CSS1~CSS3的大部分规则之外，还实现了一些自定义的选择器，用于各种特殊状态的选择。一．简单选择器(ID选择器) 在使用jQuery选择器时，我们首先必须使用“$()”函数来包装我们的CSS 规则。而CSS规则作为参数传递到jQuery对象内部后，再返回包含页面中对应元素的jQuery对象。随后，我们就可以对这个获取到的DOM节点进行行为操作了。 #box { //使用ID选择器的CSS规则 color:red; //添加一个样式color:red } 在jQuery选择器里，我们使用如下的方式获取同样的结果： $(function () { $('#box').css('color','blue'); //添加一个行为css('color','blue')，这个行为是添加样式 }); 那么除了ID选择器之外，还有两种基本的选择器，分别为：元素标签名和类(class)： (1)元素名选择器获取所有div元素的DOM对象，CSS模式：div {} ，jQuery模式：$('div') <body> <div>常规选择器</div> <div>常规选择器</div> <div>常规选择器</div> <

CSS简介

阅读更多关于 CSS简介

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

CSS选择器

阅读更多关于 CSS选择器

1. 基本选择器： #id .class 标签选择器 (*)通配符选择器 2. 关系选择器：子代选择器： s1 > s2 匹配s1中的下一级s2 后代选择器： s1 s2 匹配s1中的所有的后代s2 相邻选择器： s1 + s2 匹配s1后面紧挨着的同级元素s2 兄弟选择器： s1~s2 匹配s1后面所有同级(兄弟)元素s2 分组选择器： s1,s2 匹配s1和s2一起设置样式 3. 属性选择器： [attr] 匹配具有所给定属性名称的标签 [attr='val'] 匹配具有某个属性且属性值为给定值的标签 [attr ~='val'] 匹配具有某个属性且属性值包含所给定单词的标签 [attr *="val"] 匹配具有某个属性且属性值包含给定的字符的标签 [attr ^="val"] 匹配具有某个属性且属性值以给定的字符开头的标签 [attr$="val"] 匹配具有某个属性且属性值以给定的字符结尾的标签 4. 伪类选择器： a: link(未访问过的) a:visited(点击之后的) a:hover(鼠标移动) a:active(激活) :focus (获得焦点，用于Input ) E：first-child ----------匹配作为父元素的第一个子元素 E： last-child -----------匹配作为父元素的最后一个子元素 E：only

CSS选择器

阅读更多关于 CSS选择器

一、基本选择器选择器含义 * 通用元素选择器，匹配任何元素 E 标签选择器，匹配所有使用 E 标签的元素 .info class 选择器，匹配所有 class 属性中包含 info 的元素 #footer id 选择器，匹配所有 id 属性等于 footer 的元素实例： * { margin:0; padding:0; }p { font-size:2em; }.info { background:#ff0; }p.info { background:#ff0; }p.info.error { color:#900; font-weight:bold; }#info { background:#ff0; }p#info { background:#ff0; } 二、多元素的组合选择器选择器含义 E,F 多元素选择器，同时匹配所有 E 元素或 F 元素， E 和 F 之间用逗号分隔 E F 后代元素选择器，匹配所有属于 E 元素后代的 F 元素， E 和 F 之间用空格分隔 E > F 子元素选择器，匹配所有 E 元素的子元素 F E + F 毗邻元素选择器，匹配所有紧随 E 元素之后的同级元素 F 实例： div p { color:#f00; }#nav li { display:inline; }#nav a { font-weight:bold; }div >

CSS选择器之基本选择器总结

阅读更多关于 CSS选择器之基本选择器总结

一、元素选择器（所有浏览器支持）元素选择器（标签名选择器）其实就是文档的元素，如html,body,p,div等等，下面例子中选择了span元素，并设置了字体颜色为红色。 <body> <p>这里使用<span>标签名选择器</span>改变了样式</p> </body> CSS： span{ color: red; } 效果：二、类选择器（所有浏览器都支持类选择器，但多类选择器（.className1.className2）不被ie6支持。）类选择器根据类名来选择，前面以 ”.” 来标志，使用类选择器之前需要在html元素上定义类名，类名自定义。 <body> <div class="demo"></div> </body> CSS .demo{ width: 150px; height: 150px; background:#0e0; } 效果：三、ID选择器（所有浏览器都支持）根据元素ID来选择元素，具有唯一性。前面以”#”号来标志。 <body> <div id="demo"></div> </body> CSS #demo{ width: 150px; height: 150px; background:red; } 效果：四、后代选择器( E F )（所有浏览器都支持）后代选择器也称为包含选择器，用来选择特定元素或元素组的后代

css基本介绍

阅读更多关于 css基本介绍

目录 CSS初识构造规则注意样式表的定义和使用行内式（内联样式）内部样式表外部样式表（外链式）选择器标签选择器（元素选择器）类选择器 id选择器通配符选择器伪类选择器链接伪类选择器结构（位置）伪类选择器目标伪类选择器复合选择器交集选择器并集选择器后代选择器子元素选择器属性选择器伪元素选择器标签选择模式块级元素(block-level) 行内元素(inline-level) 行内块元素（inline-block）标签显示模式转换 display CSS三大特性层叠性继承性优先性特殊性(Specificity) CSS初识 CSS(Cascading Style Sheets)通常被称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。它就是包含一个或多个规则的文本文件。构造规则样式表的每个规则都有两个部分，即选择器(selection)和声明(declaration)。注意选择器用于指定CSS样式作用的HTML对象，花括号内是对该对象设置的具体样式。属性和属性值以“键值对”的形式出现。属性是对指定的对象设置的样式属性，例如字体大小、文本颜色等。属性和属性值之间用英文“:”连接。多个“键值对

CSS

阅读更多关于 CSS

一什么是CSS 1.1 什么是CSS 层叠样式表(Cascading Style Sheets)：是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言； CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化； CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力（字体、边框、颜色、边距、高度、宽度、背景图片、网页定位、网页浮动…） 1.2 如何学习CSS CSS是什么 CSS怎么用（快速入门） CSS 选择器（重点 + 难点）美化网页（文字，阴影，超链接，列表，渐变….）盒子模型网页基础~ 浮动应用~ 定位网页动画（特效效果） 1.3 发展史 1.CSS1.0 2.CSS2.0 DIV（块） + CSS，HTML 与 CSS 结构分离的思想，网页变得简单，SEO 3. CSS2.1 浮动，定位 4. CSS3.0 圆角，阴影，动画…. 浏览器兼容性~ 1.4 快速入门：三种导入方式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>三种导入方式</title>  <style> h1 { color :

web前端入门科普集

阅读更多关于 web前端入门科普集

每一个写前端的人都有不同的故事.但是都是基础从零开始.实习公司用的框架也好,网上查到的例子也好,都是需要基础才可以看懂的.那基础是什么呢,我觉得就是常用的前端的一切.我刚写前端三个月.整理一下自己学到的知识. 1:什么是html? HTML是World Wide Web上统一的语言。指的是超文本标记语言 (Hyper Text Markup Language)，使用它所提供的标签，人类已经创建了令人惊奇、姿态万千的超链接的文档网络。这里要注意的是：HTML不是一种编程语言，而是一种标记语言 (markup language)。它的基本语法是以"<>“尖括号标签开始，以”"尖括号中带刚斜杠的标签结束，标签通常是成对出现的，标签对中的第一个标签是开始标签，第二个标签是结束标签，或者称为开放标签和闭合标签. 使用到的场景: 比如说你需要写一个页面.那你可以这样写: <html> <body> <h1>我是你的第一个页面！</h1> <p>hello world!</p> </body> </html> 专门建立的学习Q-q-u-n： 731771211，分享学习方法和需要注意的小细节，不停更新最新的教程和学习技巧（从零基础开始到前端项目实战教程，学习工具，全栈开发学习路线以及规划）效果图: 2:什么是css样式? CSS是一种向网页添加样式的机制，样式表可描述文档如何被显示

深入理解CSS伪类

阅读更多关于深入理解CSS伪类

伪类经常与伪元素混淆，[伪元素]的效果类似于通过添加一个实际的元素才能达到，而伪类的效果类似于通过添加一个实际的类来达到。实际上css3为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。本文将详细介绍伪类的详细知识锚点关于锚点 <a> ，有常见的5个伪类，分别是:link、:hover、:active、:focus、:visited a:link{background-color:pink;}/*品红，未访问*/ a:hover{background-color:lightblue;}/*浅蓝，鼠标悬停*/ a:active{background-color:lightgreen;}/*浅绿，正被点击*/ a:focus{background-color:lightgrey;}/*浅灰，拥有焦点*/ a:visited{color:orange;}/*字体颜色为橙色，已被访问*/ /*注意:visited伪类只能设置字体颜色、边框颜色、outline颜色的样式*/ 伪类顺序对于伪类顺序，有一个口诀是love-hate，代表着伪类的顺序是link、visited、focus、hover、active。但是否伪类的顺序只能如此呢？为什么是这个顺序呢？ CSS层叠中有一条法则十分重要，就是后面覆盖前面，所以伪类的顺序是需要精心考虑的。【1

订阅 css第一个元素