blog.csdn.net/lyhhj/article/details/49046109 前阵子写过一片博客,是关于选择多图上传的一个小demo,那个demo是从网上找的然后自己修改了一下,那个demo是仿照QQ的选择照片的形式 ,那么现在用的比较多的是仿照微信选择照片的形式,所以自己就鼓捣了一个高仿微信照片选择的demo,这里跟大家分享一下,建议大家再看这篇博客之前先看一下我之间的选择多图的那篇博客,那里面的代码讲的比较详细,
最近刚开始学习HTML5,记录一下自己学习的笔记,方便以后查阅: 首先选择器的常用分类: 标签选择器 div{ color: red; } 类选择器 .one{ color : yellow; } id选择器,注意id是唯一的标示,不能用于其他标签 #main{ font-size: 40px; } 后代选择器 #test1 div{ color: black; font-size: 50px; } 属性选择器 div[name]{ color: blue;
CSS选择器回顾 ID选择器 类名选择器:多类(.class1.class2)不被ie6支持 标签(元素)选择器 组合(后代)选择器 通配符选择器 直接子元素选择器 >:ie6不支持 相邻兄弟选择器 + :ie6不支持 属性选择器 伪元素选择器 伪类选择器 CSS新增选择器 通用兄弟(关联)选择器:~,选择后面的所有的子元素 属性选择器(新增的): E[attr~="value"]:指定属性名,并且具有属性值 指定了属性名,并且有属性值,而且属值中包含了value; E[attr|="value"]:指定了属性名,并且属性值是value或者以“value-”开头的值(比如说zh-cn); 注意:IE6不支持所有的属性选择器 :nth选择器 :first-child 选择某个元素的第一个子元素; :last-child 选择某个元素的最后一个子元素; :nth-child() 选择某个元素的一个或多个特定的子元素; only-child 选择的元素是它的父元素的唯一一个了元素; :only-of-type 选择一个元素是它的上级元素的唯一一个相同类型的子元素 :empty 选择的元素里面没有任何内容 :not 否定选择器
标签选择器 通过标签的名字,修改css样式 div{ width: 200px; height: 300xp; } 通配符选择器 *选择页面中所有的元素 * { margin: 0; padding: 0; } 一级子元素选择器 选择某个父元素的直接子元素 后代选择器是选择父元素的所有子孙元素,一级子元素原则只选择第一级子元素,不会再向下查找元素 .box > p { 可以对多个不同的选择器设置相同的样式 .box, .box1, .box2 { width: 200px; height: 300px; } 选择器的优先级 当有不同的选择器对同一个对象进行样式指定时 ,并且两个选择器有相同的属性被赋予不同的值时。 通过测算那个选择器的权重值最高,应用哪一个选择器的样式 权重计算方式 标签选择器:1 class选择器:10 id选择器:100 行内样式:1000 !
这就是我们的元素选择器和类选择器。 元素选择器: 用法说明: 选择器:element 示例:p 作用:选择所有p元素 特征:标签名 用法示例: p {color: red;} div {width: 100px;} 类选择器: 用法说明: ,和类选择器,这些都是在html的结构中注明的选择器。 可用状态 :disabled 不可用状态 :checked 选中状态 示例 input:enabled{color: red} [注意]input和:和enabled之间都不可以有空格 5、 “和” 2.3.2 亲戚关系-后代选择器,子代选择器,通用兄弟选择器和相邻兄弟选择器 后代选择器: 选择器:element element 示例:div p 作用:选择所有div元素后代的所有p元素 特征
: 所有控件 QPushButton: 所有按钮控件 QPushButton[name='mybtn'] :属性选择器 .QPushButton 类选择器 myButton id选择器 QDialog QPushButton 后代选择器 QDialog>QPushButton 第一代子 下拉控件的箭头 ? qdarkstyle does not have to be installed to run the example """ import logging import sys from PyQt5 sys.path.insert(0, abspath(dirname(abspath(file)) + '/..')) import qdarkstyle import ui.example_pyqt5_ ui.dockWidget1, ui.dockWidget2) # setup stylesheet app.setStyleSheet(qdarkstyle.load_stylesheet_pyqt5(
28; break; case 3 : Allday += 31; break; case 4 : Allday += 30; break; case 5 cellpadding='0' cellspacing='1' width='100%' bgcolor='#CCCCCC'>"+"/n"; FrameContent+="<tr bgcolor='#F<em>5</em>F<em>5</em>F<em>5</em> "; FrameContent+="<table onselectstart=/"return false;/" cellpadding='0' cellspacing='0' bgcolor='#F<em>5</em>F<em>5</em>F<em>5</em>
简介 ---- HTML5向Web API新引入了document.querySelector以及document.querySelectorAll两个方法用来更方便地从DOM选取元素,功能类似于jQuery 的选择器。 document.querySelector('selectors'); elementList = document.querySelectorAll('selectors'); 其中参数selectors 可以包含多个CSS选择器 按照深度优先和先序遍历的原则使用参数提供的CSS选择器在DOM进行查找,返回第一个满足条件的元素 element = document.querySelector('div#container');
在2.CSS选择器-CSS基础中我们学习了以下几种选择器: 元素选择器 id选择器 class选择器 群组选择器 这些都是CSS中最基本的选择器。 CSS层次选择器 选择器 说明 M N 后代选择器,选择M元素内部后代N元素(所有的N元素) M>N 子代选择器,选择M元素内部子代N元素(所有第1级N元素) M~N 兄弟选择器,选择M元素后所有的同级
jQuery常用选择器 【标签选择器】 <script src="https://code.jquery.com/jquery-3.4.0.min.js"></script> <! -- 标签选择器 -->
云想衣裳花想容,
春风拂槛露华浓。
简介 HTML5向Web API新引入了document.querySelector以及document.querySelectorAll两个方法用来更方便地从DOM选取元素,功能类似于jQuery的选择器 document.querySelector('selectors');elementList = document.querySelectorAll('selectors'); 其中参数selectors 可以包含多个CSS选择器 按照深度优先和先序遍历的原则使用参数提供的CSS选择器在DOM进行查找,返回第一个满足条件的元素。
文章目录 一、CSS 选择器作用 二、CSS 选择器分类 三、标签选择器 1、简介 2、代码示例 四、类选择器 1、简介 2、类名规范 3、代码示例 4、div 与 span 标签 ① span 标签 ② div 标签 5、多类名选择器 一、CSS 选择器作用 ---- CSS 作用 : 以下面的代码为例 , 先通过 选择器 h3 将 HTML 中的 h3 标签类型选择出来 , 然后为这些标签设置 选择器分类 ---- CSS 选择器 主要分为 : 基础选择器 复合选择器 两种类型 ; CSS 基础选择器 主要分为以下几类 : 标签选择器 类选择器 id 选择器 通配符选择器 三、标签选择器 -- -- 1、简介 标签选择器 是 使用 HTML 标签作为选择器 , 如果 HTML 引入了使用 标签选择器的 CSS 样式 , 那么该 HTML 中的 所有的指定标签 , 都使用该 CSS 样式 ; 标签选择器 class="orange">o
在使用苹果手机过程中,很多人会遇到照片传输的需求,可能是换新机迁移相册,给家人分享照片,给朋友发截图等。那么,苹果怎么传输照片到另一个苹果手机? 本文将提供4种常见的传输方法,步骤清晰易懂,新手也能轻松上手 一、使用隔空投送传输照片 当两部苹果手机就在身边,需传输几十张以内照片,可以使用隔空投送传输照片。 二、使用iCloud同步照片 苹果怎么传输照片到另一个苹果手机?如果需要传输大量照片,或两台iPhone不在同一地点,那么使用iCloud同步更加合适。 进入“iCloud-照片”,开启“iCloud照片”开关。 2. 接收iPhone登录相同Apple ID后,重复上述路径开启功能,照片会自动同步到“照片”App中。 注意:苹果免费提供5GB iCloud存储空间,若要同步大量照片,需确保容量充足(可在“设置-Apple ID-iCloud”中查看剩余容量)。若容量不足,可升级iCloud+套餐。
文章目录 一、基础选择器与复合选择器 二、后代选择器 1、语法说明 2、示例分析 3、完整代码示例 一、基础选择器与复合选择器 ---- CSS 基础选择器 : 在之前的博客中 , 介绍了 CSS 的基础选择器 ; 标签选择器 类选择器 ID 选择器 通配符选择器 在实际开发中 , 基础选择器 不能满足 快速选择标签的需求 ; 复合选择器 是 由 两个以上 的 基础选择器 通过 各种方式 组合 而成的 选择器 ; 复合选择器 可以 更精准 更快速 地 选择 目标元素标签 ; 二、后代选择器 ---- 1、语法说明 后代选择器 可用于 选择 基础选择器选择出的元素组 中的 另外基础选择器选择出的元素组 ; 后代选择器 语法 : 父选择器 和 子选择器 都是 CSS 基础选择器 , 父选择器 和 子选择器 之间 使用空格分开 ; 父选择器 子选择器 { 属性名称1:属性值1; 属性名称2:属性值2 设置为 类选择器 .gradefather , 子选择器 也设置为 类选择器 .father2 , 孙子选择器 设置为 标签选择器 label , 那么将 label 标签内的文本设置为红色 , 则可以使用如下样式
文章目录 一、 ID 选择器 1、简介 2、代码示例 二、通配符选择器 1、简介 2、代码示例 三、CSS 选择器使用注意事项 一、 ID 选择器 ---- 1、简介 ID 选择器 使用 " # id " 选择 指定的 某一个 标签 , 使用 ID 选择器 步骤如下 : 首先 , 在 HTML 中 设置 标签的 ID ;
标签内容
然后 , 在 CSS 样式中使用 * ID 选择器 与 类选择器 的使用方法基本一致 ;** 在开发时 , ID 选择器 不推荐使用 , 使用频率不高 , 推荐使用 类选择器 ; 2、代码示例 代码示例 : <! :20px; } 通配符选择器 会降低 页面的 打开速度 , 如果没有特殊情况 , 不推荐使用 ; 2、代码示例 通配符选择器代码示例 : 使用通配符选择器 * 将 HTML 所有页面标签的文本设置成了 ---- CSS 选择器使用注意事项 : 尽量不使用 ID 选择器 ; 尽量不使用 通配符选择器 ; 使用标签选择器时 , 尽量不对 无意义的标签 进行选择 , 如 div , span 标签 ;属性选择器 1E[att$=”val”]{ sRules } 选择具有att属性且属性值为以val结尾的字符串的E元素。 1 <! DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style> DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <style> --《字符串匹配》属性选择器--> 18 <! abc">列表项目 18
jQuery的选择器 一、 基本选择器 1. 元素选择器 元素选择器是根据元素名称匹配相应的元素。元素选择器指向的是DOM元素的标记名,也就是说元素选择器是根据元素的标记名选择的。 selector2:另一个有效的选择器,可以是ID选择器、元素选择器或类名选择器等 selectorN:(可选择)任意多个选择器,可以是ID选择器、元素选择器或类名选择器等 示例:(“div,#btn”) //要查询文档中的全部的
官方资料 鱼C课程案例库:https://ilovefishc.com/html5/ html5速查手册:https://man.ilovefishc.com/html5/ css速查手册:https ://man.ilovefishc.com/css3/ 学习正文 通用选择器,用 * 匹配,样式辐射到全部范围: <!
</body> </html> 元素选择器,通过元素匹配样式: <!一、Web 网页中的级联选择器 在各类网页中,我们经常可以看到级联选择器。 下面,我们就使用 PyQt5 构建一个省市县的级联选择器。 代码开发 首先,引入所需的模块: from PyQt5 import QtWidgets,QtCore from loguru import logger import sys import json __init__() self.setWindowTitle("PyQt5 省市县级联选择器 - 州的先生") self.init_data() # 初始化数据 __init__() self.setWindowTitle("PyQt5 省市县级联选择器 - 州的先生") self.init_data() # 初始化数据
好照片是个全平台的照片处理软件,功能非常强大:媲美单反的全能相机,HDR拍摄,背景虚化,一键增强等功能。 背景虚化:预设4种虚化模式,5种光圈预设让您自如控制景深程度,呈现单反相机背景模糊效果。 局部上色:在一张灰调的图片上让色彩成为了视觉的焦点,局部上色功能为您轻松搞定。 更重要的是好照片是个全平台的照片处理软件: 好照片 iPhone 版 好照片安卓版 好照片 Mac 版 好照片 Windows 版 好照片在线网页版 如果你不想使用 Photoshop 这么复杂的软件对照片进行处理 ,而只想找个简单的软件处理照片的话,那么好照片绝对是最好的选择。