css选择器

HTML表单和CSS

阅读更多关于 HTML表单和CSS

href是链接标签的核心属性，属性值可以是一个跳转的地址 <a href="//www.baidu.com/">GO!百度</a>，适用于任何带有路径的地址 href里面所有的内容就是路径，绝对路径：从盘符开始，然后依次往下查找。相对路径：从当前文件开始，如果下一级目录就直接写文件夹名，上一级用、、/表示 form核心标签只有提交功能，没有任何样式。action提交的地址通常为服务端的地址，如果不写默认本页提交。method的提交方式是get/post，如果不写为get提交。 CSS的使用方式：1 行内样式（内联样式）<标签style="属性名1：属性值1；属性名2：属性值2；.... "></标签> 2页面样式：在head标签里增加一个子标签</style> 选择器{ 属性名1：属性值1；属性名2：属性值2； .... } 3.外部文件（外部样式表）在head标签里面增加一个子标签 <link rel="stylesheet" href="css文件的路径" /> 4.外部导入样式主要用在样式初始化。因为有一些标签有自己的样式，我们需要清空，方便自己计算 css------选择器 ID选择器使用id选择器：在元素上面增加一个id属性,id属性的属性值不用用数字开头一个页面中只能有一个id属性值 css中id选择的表示方法用 # 表示 class选择器

第二天的基础学习

阅读更多关于第二天的基础学习

今天把HTML的基础知识在上午全部学习完了，下午也学习了css的一些基础知识，我觉得今天的收获还是不少的，所以今天所学的知识点总结一下： HTML基础知识点： 1、链接标签的核心属性就是href，属性值可以是一个跳转的地址，适用于任何带有路径的东西 ——href里面的内容就是路径 2、①绝对路径：从盘符开始，然后依次的往下查找 ②相对路径: 从当前文件开始，如果下一级目录就直接写文件夹名，上一级用../表示 ③盘符根路径：直接可以跳转到当前文件所有的盘符根目录中图像标签：src——图片的路径，alt——当图片显示不出来的时候才会显示，里面又分两种情况：①图片正在下载的时候。。。加载中 ②图片的路径错误的时候，其中img是我们接触的第一个行内块标签，靠左或者靠右 3、input、button是一个行内块标签 input是表单的核心标签，通过修改input标签中的type属性来改变展现的样式，input中必须含有name属性 4、input中的值有一个属性（value属性），一组必须含有相同的name属性值，checked——默认选中，当属性名等于属性值的时候，只需要写属性名即可 CSS基础知识点： 1、css的使用方式： ①.行内样式（内联样式）例如： <标签 style="属性名1:属性值1;属性名2:属性值2;..."></标签> ②.页面嵌入（内部样式表）

0528day02

阅读更多关于 0528day02

今天的学习内容总结如下： 1.a标签：链接标签，它的核心属性就是href,属性值可跳转到一个地址例如：<a href="https://www.baidu.com">GO！百度</a> href适用于任何带路径的东西 2.绝对路径：从盘符开始，然后依次的往下查找相对路径: 从当前文件开始，如果下一级目录就直接写文件夹名，上一级用../表示 3.img标签：图像标签，属性值有src(图片的路径)、alt(若图片路径有错，或者加载不出来，可为图像提供替代信息) 4.form标签：核心标签，只有提交功能，没有任何样式，用来创建表单；form的属性值有action(提交的地址，通常为服务端的地址，如果不写，默认往本页提交)、method（提交的方式，get/post ，如果不写，为get提交) 提交功能的实现有两种方式，意义一样，用一种即可：1.<button>提交</button> 2.<input type="submit"/> 都写</form>前面 5.type属性后加入name属性才能显示输入的值用例： <form action=" " method=" "> 用户名：<input type="text" name="username"/><br /> 密码名：<input type="password" name="userpwd"/><br /> </form>

我与前端之间不得说的三天两夜之css基础

阅读更多关于我与前端之间不得说的三天两夜之css基础

前端基础之CSS CSS 语法 CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。 ''' selector { property: value; property: value; ... property: value } ''' css的四种引入方式 1.行内式行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> </head> <body> <p>p1</p> <p>p1</p> <p>p3</p>  <p style="color: red">p3</p> </body> </html> 2.嵌入式嵌入式是将CSS样式集中写在网页的<head></head>标签对的<style></style>标签对中。格式如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> p { color: red; background-color: wheat; } </style> </head> <body> <p>p1</p> <p>p1</p>

阅读更多关于 CSS选择器

通配选择器(universal selector): *{ color:blue; } 类型选择器(type selector): 指定到特定类型的全部元素,例: a{ color:blue; } p{ color:pink; } strong{ color:green; } < p > This is a pragraph with an < a href = "..." > < strong > emphasized < / strong > link < / a > < / p > 声明多重元素,用逗号分隔多个类型,形成类型选择器列表 a,h1{ color:blue; } p{ color:pink; } strong{ color:green; } < h1 > hahahaha < / h1 > 声明后代元素,用空格进行分隔,选择后代. h1{ color:blue; } p a{ color:pink; } strong{ color:green; } p的效果消失了,只选择了p的后代a. 类选择器(class selector) .copyright{ font-size:smaller; } 一个点加类名, 一个元素可以带有多个类,如class=“class1 class2” 用空格隔开两个类,而且样式取决于样式表的顺序. ID选择器 #btn1{ color

Dom

阅读更多关于 Dom

DOM 选择器 document.getElementById(id) 通过id来获取html元素单个 document.getElementsByTagName(tag) 通过tag 标签名来获取html元素 2.（类数组-多个） document.getElementsByName(name) 通过name 名称来获取html元素（类数组-多个） document.getElementsByClassName(class) 通过class 类名来获取html元素（类数组-多个） document.querySelectorAll(css选择器) 通过css选择器器的方式来获取html元素（类数组-多个） document.querySelector(css选择器) 通过css选择器器的方式来获取html元素（单个）获取和改变层的内容 innerHTML 获取元素的内容包括标签 innerText 获取元素的内容过滤标签改变 innerHTML 设置元素的html内容 innerText 设置元素的文本内容 classList add添加类 remove删除类 toggle切换类来源： CSDN 作者： xinmenglin 链接： https://blog.csdn.net/xinmenglin/article/details

jQuery初识

阅读更多关于 jQuery初识

jQuery初识 jQuery是什么？ jQuery是一个兼容多浏览器的JavaScript库。 jQuery能极大地简化JavaScript编程，它的宗旨就是："Write less,do more." jQuery包含以下内容： HTML元素选取 HTML元素操作 CSS操作 HTML事件函数 JavaScript特效和动画 HTML DOM遍历和修改 AJAX 下载链接： jQuery官网 jQuery对象 jQuery对象就是通过jQuery包装DOM对象后产生的对象， jQuery对象是jQuery独有的。如果一个对象是 jQuery对象，那么它就可以使用 jQuery 里的方法：例如$(“#i1”).html()。 $(“#i1”).html()的意思是：获取id值为i1的元素的HTML代码，其中html()是jQuery里的方法。相当于JavaScript中的document.getElementById("i1").innerHTML; 虽然jQuery对象是包装DOM对象后产生的，但是jQuery对象无法使用DOM对象的任何方法，同理DOM对象也不能使用jQuery也不能使用jQuery里的方法。 jQuery与JavaScript在申明变量的区别： 1 var $variable = jQuery对象 2 var variable = DOM对象 3

jQuery 初识筛选器属性选择器

阅读更多关于 jQuery 初识筛选器属性选择器

---------------------------大事使我们惊讶，小事使我们沮丧，久而久之，我们对这二者都会习以为常。一 jQuery是什么？［1］ jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多 javascript高手加入其team。［2］ jQuery是继prototype之后又一个优秀的Javascript框架。其宗旨是——WRITE LESS,DO MORE! ［3］它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器［4］ jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTMLdocuments、events、实现动画效果，并且方便地为网站提供AJAX交互。［5］ jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。回到顶部二什么是 jQuery 对象？ jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象。 jQuery 对象是 jQuery 独有的 . 如果一个对象是 jQuery 对象 , 那么它就可以使用 jQuery 里的方法 : $(“#test”).html(); $("#test").html() 意思是指：获取ID为test的元素内的html代码

Web前端JQuery面试题（二）

阅读更多关于 Web前端JQuery面试题（二）

Web前端JQuery面试题（二） 1.请写出jquery的语法？ <script type="text/javascript"> $(document).ready(function(){ // 程序段 }) </script> window.onload=function(){ // 程序段 } 前者效率高 $(function(){ // 程序段 }) 2.请问什么是 DOM 对象？ DOM 对象， DOM 为文本对象模型， DOM 的每一个页面都是一个 DOM 对象。通过 JavaScript 方法获取页面元素的对象，就是 DOM 对象。 var txt = document.getElementById("text").value; 3.请问什么是 jquery 对象？通过 jquery 自身的方法获取页面元素的对象，就是jquery对象。 var txt = $("#text").val(); $("#text").toggleClass("txtClick").html("点击后切换样式"); 4. jquery 选择器有哪些？ jquery 选择器有：基本选择器，层次选择器，过滤选择器，表单选择器四大类。过滤选择器分6种：简单过滤选择器，内容过滤选择器，可见性过滤选择器，属性过滤选择器，子元素过滤选择器，表单对象属性过滤选择器。基本选择器： #id

jQuery框架-1.jQuery基础知识

阅读更多关于 jQuery框架-1.jQuery基础知识

jQuery简介 jQuery，顾名思义是JavaScript和查询（Query），jQuery是免费、开源的。它可以简化查询DOM对象、处理事件、制作动画、处理Ajax交互过程且兼容多浏览器的javascript库，核心理念是write less,do more(写得更少,做得更多)。 jQuery 优势体积小，使用灵巧（只需引入一个js文件）。方便的选择页面元素（模仿CSS选择器更精确、灵活）。动态更改页面样式/页面内容（操作DOM，动态添加、移除样式）。控制响应事件（动态添加响应事件）。提供基本网页特效（提供已封装的网页特效方法）。快速实现通信（ajax）。易扩展、插件丰富。支持链式写法。引入jQuery 通过script引入本地jQuery文件。通过引入CDN上面jQuery文件。版本选择 1.x：兼容ie678,使用最为广泛的，官方只做BUG维护，功能不再新增。因此一般项目来说，使用1.x版本就可以了，最终版本：1.12.4 (2016年5月20日) 2.x：不兼容ie678，很少有人使用，官方只做BUG维护，功能不再新增。如果不考虑兼容低版本的浏览器可以使用2.x，最终版本：2.2.4 (2016年5月20日) 3.x：不兼容ie678，只支持最新的浏览器。除非特殊要求，一般不会使用3.x版本的，很多老的jQuery插件不支持这个版本

订阅 css选择器