css选择器 | 易学教程

精通CSS高级Web标准解决方案【读书笔记】

阅读更多关于精通CSS高级Web标准解决方案【读书笔记】

#第一章基础知识 XHTML，指的是Extendsible Hypertext Marker Language ，当使用(X)HTML这个术语时指的是XHTML和HTML； 1.1 设计代码的结构 1.1.1 使用有意义的标记 1 ID和类名一个ID名只能够应用于页面上的一个元素，而同一个类名可以应用于页面上任意数量的元素。在写类名和ID名时，需要注意区分大小写。CSS大体上是不区分大小写的语言。但是在标记中实体比如类名和ID名）是否区分大小写取决于标记语言是否区分大小写。如果使用XHTML，那么类名和ID名是区分大小写的；如果使用常规的HTML，那么是不区分大小写的。处理这个问题最好的方式是保持一致的命名约定。 2 div和Span 1.1.2 文档类型、DOCTYPE切换和浏览器模式 DTD（文档类型定义）是一组机器可读的规则，他们定义XML或（X）HTML的特定版本中允许有什么，不允许有什么。在解析网页时，浏览器将使用这些规则检查页面的有效性并且采取相应的措施。浏览器通过分析页面的DOCTYPE声明来了解使用哪个DTD，因此知道要使用（X）HTML的哪个版本。 DOCTYPE声明是(X)HTML文档开头处的一行或两行代码，它描述哪个DTD。在下面的示例中，要使用的DTD是XML 1.0 Strict的DTD： <!DOCTYPE html PUBLIC "-/

网页编程之jQuery常用知识点整理

阅读更多关于网页编程之jQuery常用知识点整理

网页编程之jQuery常用知识点整理备注：本文的知识点针对后端编程人员的需求进行整理，所涉知识较为基础。 1.1 jQuery是什么 jQuery是一个JavaScript代码库，极大的简化了JavaScript编程。 1.2 如何在网页中添加jQuery 从jquery.com下载jQuery库从CDN中载入jQuery jQuery有两个版本 Production version ：用于实际的网站中，精简了注释和源码，体积小。 Development version：用于测试和开发，包含注释和源码，体积大。 jQuery 库是一个 JavaScript 文件，可以使用 HTML 的 script标签引用它： < head > < script src = " jquery-1.10.2.min.js " > </ script > </ head > 1.3 jQuery语法通过jQuery语法，可以查询HTML元素，并对其执行一些操作。 1.3.1 基础语法 jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。基础语法： $(selector).action() 美元符号定义jquery 选择符（selector）用于查询和查找HTML元素通过action（）方法对元素进行操作，这里的action（）方法是泛指，并非实际方法。 1.3.2

第3部分 css复合选择器，标签显示模式（display）、行高（line-height）、css背景（背景图片及位置设置）、css三大特性及优先级

阅读更多关于第3部分 css复合选择器，标签显示模式（display）、行高（line-height）、css背景（背景图片及位置设置）、css三大特性及优先级

CSS 选择器的下一个重点：复合选择器：后代选择器；并集选择器。标签显示模式(display)。 CSS背景位置、背景图片等。 CSS三大特性：优先级。一、CSS复合选择器 css 的基础选择器不能满足快速开发要求，所以要使用复合选择器。复合选择器可以更准确更精细的选择目标元素。它由两个或多个基础选择器，用不同的方式组合而成。 1、后代选择器（重点），用空格选择也叫做包含选择器，可用来选择元素或元素的子孙后代。写法是先把外层标签写在前，内层标签写在后面。例如：父级子级{属性1: 属性值1; 属性2: 属性值2;} 示例：.class h3 { color: red; font-size: 16px;} 2、子元素选择器，用大于符号选择（>）只能选择子标签，不能选择孙子标签。写法是：父级标签写在前面，子级标签写在后面，中间用大于符号（>）连接。示例语法：.class>h3 {color: red; font-size:16px;} 还可以根据关系继续选择下去：.class>h3>span {color: red; font-size:16px;} 注意：只能用来选择子标签（或者叫亲儿子），不能选择孙子标签 3、交集选择器，用点选择由两个选择器构成，找到的标签必须满足标签一的特点，也有标签二的特点。例如： h3.class {color: red;}

C#使用CSS选择器抓取页面内容

阅读更多关于 C#使用CSS选择器抓取页面内容

最近在查wpf绘图资料时，偶然看到python使用CSS器抓取网页的功能。觉得很强，这里用C#也实现一下。先介绍一下CSS选择器在 CSS 中，选择器是一种模式，用于选择需要添加样式的元素。 . class .intro 选择 class="intro" 的所有元素。 # id #firstname 选择 id="firstname" 的所有元素。 * * 选择所有元素。 element p 选择所有 <p> 元素。 element , element div,p 选择所有 <div> 元素和所有 <p> 元素。 element element div p 选择 <div> 元素内部的所有 <p> 元素。 element > element div>p 选择父元素为 <div> 元素的所有 <p> 元素。 element + element div+p 选择紧接在 <div> 元素之后的所有 <p> 元素。 [ attribute ] [target] 选择带有 target 属性所有元素。 [ attribute = value ] [target=_blank] 选择 target="_blank" 的所有元素。 [ attribute ~= value ] [title~=flower] 选择 title 属性包含单词 "flower" 的所有元素。 [

1202课后随笔

阅读更多关于 1202课后随笔

CSS叠层样式表，作用为定义如何显示html元素；语法：CSS规则由两个主要部分构成，即选择器，以及一条或者多条声明；每条声明由一个属性和一个值组成。一，CSS的引入方式有 1.内部引入 <style> b {font-size: 50px;} div {font-size: 80px;} </style> 2.外部引入 <link rel="stylesheet" href="common.css">; 二，选择器元素选择器；类选择器；ID选择器；属性选择器。三，内联》ID选择器》类选择器》元素选择器四，尺寸，行内元素的宽和高不生效！五，背景背景颜色；背景图；六，文本上划线；下划线；删除线；首内缩进；文本对齐方式。七，字体font-family字体类型，可以写多个； “Minrosoft Yahei(微软雅黑)，SimSun（宋体），SimHei(黑体)” font-size字体大小； font-weight：字体粗细；bolder更粗；lighter更细； 400等同于bolder，700等同于lighter 来源： https://www.cnblogs.com/ltl11230/p/11986678.html

Web阶段知识点总结《二》

阅读更多关于 Web阶段知识点总结《二》

《二》CSS 知识点回顾： HTML:超文本标记语言描述内容显示在网页中语法规则：不区分大小写标签成对，但是单标签属性值必须双引号标签固定标签嵌套使用常用标签： meta title div p span a:href img:src input select textarea form:action&method table：border get和post MIME类型：就是标记文档的类型格式：大类型/小类型 css:text/css js:text/javascript 图片：image/jpg 所有图片：image/* 1、CSS是什么？层叠样式表 (Cascading Style Sheets) 定义如何显示HTML元素的样式 2、CSS的作用是什么？ 1、提高工作效率 2、多样式层叠 3、提高了内容和样式的分离就是美化HTML显示的内容 3、CSS的语法规则规则：选择器{属性名称:值;属性名称:值} eg: h1{color:red;} CSS不区分大小写，但是id和class选择器区分大小写 4、CSS的引入方式有多少？ 1、内嵌样式 Html元素都有一个属性：style,直接在html元素内使用 eg: <h1 style="font-size:20px">今天好好听课</h1> 2、内部样式在html文档的<head>标签中使用

阿里巴巴面试题

阅读更多关于阿里巴巴面试题

前端面试题目 1. div和span的区别？ div是块级标签，span是行级标签 2. 在html中，position取值有哪几种，默认值是什么？取值：static、relative、fixed、absolute 默认值：static 3. 前端页面由哪三层构成，分别是什么？作用是什么？前端页面构成：结构层、表示层、行为层结构层（structural layer）由 HTML 或 XHTML之类的标记语言负责创建。标签，也就是那些出现在尖括号里的单词，对网页内容的语义含义做出了描述，但这些标签不包含任何关于如何显示有关内容的信息。例如，P标签表达了这样一种语义：“这是一个文本段。” 表示层（presentation layer）由 CSS 负责创建。 CSS对“如何显示有关内容”的问题做出了回答。行为层（behaviorlayer）负责回答“内容应该如何对事件做出反应”这一问题。这是 Javascript 语言和 DOM主宰的领域。 4. 如何居中一个浮动元素？方式1:设置容器的浮动方式为相对定位，然后确定容器的宽高比如宽500 高 300 的层，然后设置层的外边距。 <!DOCTYPEHTML> <html> <head> <styletype="text/css"> div{ width: 500px; height: 300px; margin:

python-前端Jquery

阅读更多关于 python-前端Jquery

Jquery 高级版javascript 提供了更加便利的js使用方式楔子需求二：将上面的li标签实现隔行换色效果 js代码 <script> var obj = document.getElementsByClassName('city'); for (var j = 0;j < obj.length;j++){ if (j%2==0){ obj[j].style.backgroundColor = 'lightblue' }else{ obj[j].style.backgroundColor = 'lightgreen' } } </script> jquery代码 $('li:odd').css('background-color','lightblue') $('li:even').css('background-color','lightyellow') jquery介绍 js的痛点： window.onload事件只能出现一次如果出现多次，后面的事件会覆盖前面的事件浏览器兼容性问题简单的功能实现的很繁琐，例如：渐变的动画效果代码容错性差，如果此处报错，会影响后续代码执行 jquery的特点链式编程：比如 .show() 和 .html() 可以连写成 .show().html() 。隐式迭代：隐式对应的是显式。隐式迭代的意思是

WEB前端开发职业学习路线初级完整版

阅读更多关于 WEB前端开发职业学习路线初级完整版

作者 | Jeskson 来源 | 达达前端小酒馆下面小编专门为广大web前端开发职业者汇总了学习路线初级完整版，其实web前端开发工程师可算是高福利，高薪水的职业了，所以现在学习web前端开发的技术人员也是越来越多了，但是在学习web前端开发中去学习是应该要有一个完整的学习路线。 web页面制作基础 web简介，HTML语法基础，HTML基本结构，单双标签，标签属性，标签嵌套规则，注解，HTML文本图像元素，标题，段落，图像，HTML超链接元素，HTML列表元素，HTML表单表格元素，表单属性，表格结构。 css基础，基础语法和选择器，css引用方式，css属性，css背景色，背景图，字体，文字，列表，表格，内容，css盒子模型，盒子模型简介，块级元素和行内元素，盒子模型属性，css布局，布局基本概念思想，float属性使用，clear属性，overflow属性，定位（相对，绝对，固定），css兼容性处理。 HTML5和CSS3开发基础与应用 HTML5简介，HTML5新增元素，文档结构元素、文本格式化元素、页面增强元素、多媒体元素，表单控件新增属性 placeholder和required、 multiple、form、formaction、 formmethod、formenctype、 formtarget、autocomplete、 autofocus、pattern

web前端_css01

阅读更多关于 web前端_css01

CSS 指层叠样式表 ( C ascading S tyle S heets),样式定义如何显示 HTML 元素,样式通常存储在样式表中,外部样式表通常存储在 CSS 文件中 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title>  <style> #i1{ background-color: #0d8ddb; width: 100px; height: 100px; } </style>  <link rel="stylesheet" href="2_demo.css"> </head> <body>   <div

订阅 css选择器