HTML&CSS基础-子元素和后代元素选择器 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.html源代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>子元素和后代元素选择器</title> <style type="text/css"> /** * * 后代元素选择器: *…
HTML&CSS基础-子元素的伪类选择器 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.html的源代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>子元素的伪类选择器</title> <style> /** * * 子元素的伪类装饰器: * :first-child * 可以选中第一个子元素 *…
HTML&CSS基础-内联和块元素 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 一.html源代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>尹正杰的网页</title> </head> <body> <!-- div就是一个块元素: 所谓块元素就是独占一行的元素,无论它的内…
1. 子元素: $().children('选择器')  如选择type为file的子元素  $(this).children("input[type=file]") 或者 $("#p >s") 2. 后代元素 $().children('选择器')  如选择type为file的所有后代元素  $(this).find("input[type=file]") 或者 $("#p s")…
(1)后代元素:html代码如下,那么在jquery选择时,$(".test img"),中间为空格,则是选取后代元素,img对于ul来说是孙子辈元素,中间隔了li元素,所以后代元素是指ul标签内的孙子辈.曾孙辈及以上元素. (2)子元素:html代码如下,那么在jquery选择时,$(".test>li"),中间为>大于号,则是选取子元素,li对于ul来说是儿子辈元素,所以子元素是指ul标签内儿子辈的元素. <ul class='test'>…
元素选择器 最常见的 CSS 选择器是元素选择器.换句话说,文档的元素就是最基本的选择器: p { text-indent:10px; color:blue; } 什么情况下使用元素选择器,一般我们这样认为: 如果你想要让页面中所有的指定元素都有这个CSS效果,可以使用元素选择器. 有这样一段html代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo…
标签的起名: 1. 官方提供的标签名 2. 类名: 用class属性起的名字 3. Id名: 用id属性起的名字 唯一的 我们把这种起名叫选择器 class选择器 id选择器  标签选择器 style标签: 给标签添加样式. 1. 位置在head标签之间 2. 书写格式 选择器name{ 样式属性:样式属性值; } 选择器的使用: 1. 标签选择器 直接使用标签名就ok 2. Class选择器  需要在名字的前面加 . 3. Id选择器    需要在名字的前面加 #  …
1.CSS概念 全称为Cascading Style Sheets(层叠样式表),支持专有的文件 - 扩展名为".css" 作用:将HTML的结构(HTML标签即html)与样式(显示的样式即css)进行分离 ² CSS语法结构 语法格式:选择器{ 属性名称: 属性值; 属性名称: 属性值; } ² CSS 注释 用来解释代码,且可随意编辑它,浏览器会忽略它.  格式:/* 内容 */ 2.如何使用CSS 内联样式 通过HTML元素的style属性实现(<body>中),即…
全栈工程师开发手册 (作者:栾鹏) 一个demo学会css css选择器全解 css操作语法全解 CSS样式设置语法全解: 样式优先级 1. !important标记的样式 > 内联样式(style属性) >id选择样式(#获取) > 属性选择 ([title="da"]) > 标签选择 div p > 通配符* 2. 同一等级优先级具有叠加性.div p的优先级大于p.相同优先级,越晚设置的样式优先级越大 3. 绝大部分样式会从父元素继承到子元素上,继承…
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link href="style/css.css" rel="stylesheet" type="text/css" /> <script src="js/jquery-1.7.2.min.js"></script>…