前端学习(三）css选择器（笔记）

【前端学习(三）css选择器（笔记）】的更多相关文章

前端学习:JS(面向对象)代码笔记

前端学习:JS(面向对象)代码笔记前端学习:JS面向对象知识学习(图解) 创建类和对象创建对象方式1调用Object函数 <body> </body> <script type="text/javascript"> //新建英雄:刘备 var hero=new Object(); hero.name='刘备'; hero.blood=100; hero.weapon='双股剑'; hero.attack=function(){ return th…

前端学习：CSS的学习总结(图解）

前端学习:CSS的学习总结(图解) CSS代码笔记 CSS简介 css的引入方式和书写规范 CSS选择器 CSS属性 CSS盒子模型 CSS的定位…

转:CSS选择器笔记

作者: 阮一峰日期: 2009年3月12日去年我学jQuery的时候,曾经做过一点选择器(selector)的笔记. 这几天拿出来看了一下,发现很多都忘记了.所以,我决定把它们贴在这里,方便以后查看.这对其他朋友应该也是有用的,毕竟选择器是制作网页效果的第一步. 笔记分为两个部分,今天是CSS的选择器,以后还有一部分xPath的选择器.今天的笔记中包括44个选择器,基本涵盖了CSS 2和CSS 3的所有规定. ===================== CSS选择器笔记阮一峰整理参考网…

【转】CSS选择器笔记

作者: 阮一峰日期: 2009年3月12日来源:http://www.ruanyifeng.com/blog/2009/03/css_selectors.html 去年我学jQuery的时候,曾经做过一点选择器(selector)的笔记. 这几天拿出来看了一下,发现很多都忘记了.所以,我决定把它们贴在这里,方便以后查看.这对其他朋友应该也是有用的,毕竟选择器是制作网页效果的第一步. 笔记分为两个部分,今天是CSS的选择器,以后还有一部分xPath的选择器.今天的笔记中包括44个选择器,基本涵…

前端学习(3)-CSS

一 CSS CSS是Cascading Style Sheets的缩写,层叠样式表,用来控制网页数据的显示,可以使网页的显示与数据内容分离. 二引入方式 (1)行内式:在标记的style属性中设置CSS样式,不推荐使用. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Hello CSS</title>…

jQuery 顺便学习下CSS选择器奇偶匹配nth-child(even)

今天学习jQuery,看到nth-child(even)用法,特意找了下这个选择器的用法,在CSS3标准中,用法很强大. 对此,我把CSS3标准中nth-child()用法大致介绍下: CSS3伪类选择器:nth-child() 简单的归纳下nth-child()的几种用法. 第一:nth-child(number) 直接匹配第number个元素.参数number必须为大于0的整数. (EG) li:nth-child(3){background:orange;}/*把第3个LI的背景设为橙色*…

前端学习之CSS

CSS介绍 CSS(Cascading Style Sheet, 层叠样式表)定义如何显示HTML元素, 给HTML设置样式, 让它更加美观. 当浏览器读到一个样式表, 它就会按照这个样式表来对文档进行格式化(渲染). CSS语法 css实例每个CSS样式由两个组成部分: 选择器和声明. 声明又包括属性和属性值. 每个声明之后用分号结束. CSS注释 /*这是注释*/ CSS的几种引入方式行内样式行内式是在标记的style属性中设定CSS样式. 不推荐大规模使用. <p style="…

学习《CSS选择器Level-4》不完全版

1 概述 1.1 前言选择器是CSS的核心组件.本文依据W3C的Selectors Level 4规范,概括总结了Level1-Level4中绝大多数的选择器,并做了简单的语法说明及示例演示.希望对程序员有所助益. 2 元素选择器 2.1 类型选择器-h1 类型选择器也可以称为标签名选择器,会选中文档中该类型元素的实例. h1 { color: red; } 将文档中元素类型为h1的颜色设置成红色. 查看示例程序 2.2 通配选择器-* 通用选择器是一种特殊类型选择器,表示任何元素类型的元素.…

前端学习之 CSS（一）

一:什么是 CSS? ·CSS 指层叠样式表 (Cascading Style Sheets) ·样式定义如何显示 HTML 元素 ·样式通常存储在样式表中 ·把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题 ·外部样式表可以极大提高工作效率 ·外部样式表通常存储在 CSS 文件中 ·多个样式定义可层叠为一个二:CSS语法 CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明: 选择器通常是您需要改变样式的 HTML 元素. 每条声明由一个属性和一个值组成. 属性(p…

前端学习之--CSS

CSS 常用帮助文档 CSS:被用来同时控制多重网页的样式和布局.HTML页面中CSS样式的写法有3种: 1:标签中写入 <body style='margin o auto;'> 2:head头标签内 <style> body { margin:0 auto;} </style> 3:head头标签内引入css文件 <link rel='stylesheet' href='commons.css' /> 优先级:标签上的style最高,编写顺序,就近原则…

2016.01.22 前端学习 HTML/CSS

学习HTML/CSS http://edu.51cto.com/course/course_id-3116.html 明日实践…

前端学习(三）css选择器（笔记）

字体样式: color:red: font-size:12px: font-weight:bold/normal; font-style:italic/normal; font-family:"" 文本样式: text-indent:2em; text-decoration:none/line-through/underline/overline; text-align:left/center/right: line-height:…

前端学习之 CSS（三）

九:浮动浮动是css里面布局最多的一个属性,也是很重要的一个属性. float:表示浮动的意思. 属性值: none: 表示不浮动,默认 left: 表示左浮动 right:表示右浮动例: html内容: <div class="box1">第一个div</div> <div class="box2">第二个div</div> <span>一个span</span> css内容: *左浮动*…

前端学习(三十八）vue（笔记）

Angular+Vue+React Vue性能最好,Vue最轻=======================================================Angular 入门难,学习成本高Vue 简单=======================================================Vue 官网:http://vuejs.org/ 中文:http://cn.vuejs.org/ Vue.js的发展 1.x …

前端学习(三十六）promise（笔记）

一个页面: 头部.用户信息.新闻列表 jquery ajax: 1.$.ajax({ url:'', dataType:'json', }).then(res=>{ //res : 成功后的返回},err=>{ //err: 失败的对象}); 2.let url = '';$.ajax({ url, data: dataType: ... success:function(res){ //res 成功后的数据 },…

前端学习(三十九）移动端app（笔记）

移动端App 开发App的三种方式 Native App 原生底层语言 java Android oc IOS 优势: 1.性能非常高 2.可以调用底层功能劣势: 1.不能跨平台 2.至少需要两个团队 3.成本过高 4.维护难,开发周期长 Web App…

前端学习(三十七）angular（笔记）

MVC 后台 M Module 数据层 V View 视图层 C Controller 控制层前端开始用MVC M 数据层交互 V 视图层 DOM操作 C 控制层逻辑 =====================================…

前端学习(三十五）模块化es6（笔记）

RequireJs:一.安装.下载官网: requirejs.org Npm: npm i requirejs二.使用以前的开发方式的问题: 1).js 是阻塞加载 2).变量名冲突 3).多个JS文件之间相互依赖(必须保证一个正确的顺序) 1.简单示例 require(['js/a1.js']); —— 不阻塞页面渲染了2.定义模块:(AMD) define 一个模块就是一个JS文件. define(f…

前端学习(三十四）对象&模块化（笔记）

人,工人 //类的定义 function Person(name,age){ //构造函数 //工厂模式 //1.原料 //var obj = new Object(); //2.加工 this.name = name; this.age = age; //3.出厂 //return obj; } //方法 Person.prototype.showName =…

前端学习(三十一）canvas（笔记）

canvas 画布画图.做动画.做游戏=========================================== canvas就是新标签必须获取绘图上下文 var gd = oC.getContext('2d'); 设置起点 gd.moveTo(); 设置终点 gd.lineTo(); 描边 gd.stroke(); 填充 gd.fill(); 设置描边颜色 …

前端学习(三十）es6的一些问题（笔记）

赋值表达式 document.onclick = document.onmouseover = fn; var a = b = c = d = 5; 不推荐逗号表达式 var a = 5, b = 3, c = 2; 听逗号最后一个 if(0,1){ if(1,0) true √ true }else{ …

前端学习之 CSS（二）

五:继承性和层叠性 css有两大特性,即继承性和层叠性. 1. 继承性面向对象语言都会存在继承的概念,在面向对象语言中,继承的特点:继承了父类的属性和方法.那么我们现在主要研究css,css就是在设置属性的.不会牵扯到方法的层面. 继承:给父级设置一些属性,子级继承了父级的该属性,这就是我们的css中的继承. 记住:有一些属性是可以继承下来 : color . font-*. text-*.line-* .主要是文本级的标签元素. 但是像一些盒子元素属性,定位的元素(浮动,绝对定位,固定定位)…

前端学习历程--css①

---恢复内容开始--- 本文用自己的理解,总结网上或者自身经历的问题,加以汇总,方便查找: 一.浏览器默认样式 1.浏览器处理css&html a.css作用范围:盒子模式.浮动.定位.背景.字体 2.css布局方式: 经典三列布局 Bootstrap栅格布局百度首页布局微博布局人人网布局瀑布流布局 3.层叠样式表: a.层叠:层叠就是浏览器对多个样式来源进行叠加,最终确定结果的过程.即对相同标签的样式融合,且内联>内部>外部(!important可将样式提到最高级),但实际…

web前端学习总结--CSS

CSS 什么是CSS? CSS 指层叠样式表(Cascading Style Sheets) 样式定义如何显示HTML元素样式通常存储在样式表中如何使用CSS 内联方式样式定义在单个的HTML元素的属性style中 CSS语法: 只需要将分号隔开的一个或者多个属性/值对作为元素的style属性的值属性和属性值之间用:连接多对属性之间用;隔开 <h1 style=”color:blue;”>CSS的使用</h1> 内部样式表样式定义在HTML文档头部的<style&…

CSS选择器笔记

一.元素选择符序号选择器含义 1. * 通用元素选择器,匹配任何元素 2. E 标签选择器,匹配所有使用E标签的元素 3. .info class选择器,匹配所有class属性中包含info的元素 4. #footer id选择器,匹配所有id属性等于footer的元素 1. * * { margin:; padding:; } 在我们看比较高级的选择器之前,应该认识下这个众所周知的清空选择器.星号呢会将页面上所有每一个元素都选到.许多开发者都用它来清空`margin`和`padding`…

前端学习 -- Html&Css -- 条件Hack 和属性Hack

条件Hack 语法:  <keywords> if条件共包含6种选择方式:是否.大于.大于或等于.小于.小于或等于.非指定版本是否: 指定是否IE或IE某个版本.关键字:空大于: 选择大于指定版本的IE版本.关键字:gt(greater than) 大于或等于: 选择大于或等于指定版本的IE版本.关键字:gte(greater th…

前端学习 -- Html&Css -- 表格

表格在日常生活中使用的非常的多,比如excel就是专门用来创建表格的工具,表格就是用来表示一些格式化的数据的,比如:课程表.银行对账单.在网页中也可以来创建出不同的表格. 在HTML中,使用table标签来创建一个表格,在table标签中使用tr来表示表格中的一行,有几行就有几个tr,在tr中需要使用td来创建一个单元格,有几个单元格就有几个td,rowspan用来设置纵向的合并单元格,colspan横向的合并单元格. border-collapse可以用来设置表格的边框合并,如果设置了边框合并…

CSS基础学习-2.CSS选择器（上）

元素选择符关系选择符属性选择符伪类选择符伪对象选择符一.元素选择符 1.通配符:*{ } 2.类选择符:.类名称{ } 3.id选择符::#id名称{ } 4.类型选择符(标签选择符):标签 { } 二.关系选择符 1.子元素选择器:父亲>儿子 2.兄弟选择器::你自己~你的兄弟 3.相邻选择器:E+F 4.包含选择器:E F 三.属性选择符 1.属性 2.写法: (1)当前元素[属性]{ } (2)当前元素[属性="属性值"]{ } 四.伪类选择符 1.定义:它允许给…

前端学习之三——jquery选择器

Jquery中的选择器分为几大类:基本过滤选择器,层次选择器,内容过滤选择器,可见性过滤选择器,属性过滤选择器,子元素过滤选择器,表单对象选择器和表单对象属相过滤选择器. 1.非基本过滤选择器,一般需要和基本过滤选择器搭配使用. 2,从性能上将,原声支持的Id选择器,标签选择器,类选择器性能最好,其他一般是通过dom循环查找得到,因此,允许的条件下,优先选择js原生支持的js原生选择器. 3,最好提供选择器的上下文,来缩小目标元素的查找范围. 一.基本选择器. #id;.class;elemen…

前端学习(20)~css布局(十三)

常见的布局属性 (1)display 确定元素的显示类型: block:块级元素. inline:行内元素. inline-block:对外的表现是行内元素(不会独占一行),对内的表现是块级元素(可以设置宽高). (2)positon 确定元素的位置: static:默认属性值. relative:相对定位.相对于元素本身进行偏移,不会改变它所占据的空间. absolute:绝对定位.相对于父元素中最近的 relative/absolute 进行偏移,会脱离文档流. fixed:固定定位.相对于…