学习笔记——day29(属性选择器 2D动画)

最新推荐文章于 2020-07-05 23:50:10 发布
VIP文章 最新推荐文章于 2020-07-05 23:50:10 发布
阅读量196 收藏
点赞数
分类专栏： 学习笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Katherine_c/article/details/99651617
版权

一.导航条

<style type="text/css">
			.nav{
				width: 100%;
				background: skyblue;
				float: left;
				height: 50px;
			}
			ul{
				list-style: none;
				float: left;
				margin-top: 0;
				
			}
			li{
				float: left;
				width: 80px;
				text-align: center;
				background: skyblue;
				border-right: 1px solid gold;
				height: 50px;
				line-height: 50px;
			}
			a{
				text-decoration: none;
				color: #808080;
				font-size: 30px;
				display: block;
				width: 100%;
				height:100%;
			}
			a:hover{
				background: orange;
				color: white;
			}
		</style>
	</head>
	<body>
		<div class="nav">
			<ul>
				<li><a href="#">内容</a></li>
				<li><a href="#">内容</a></li>
				<li><a href="#">内容</a></li>
				<li><a href="#">内容</a></li>
				<li><a href="#">内容</a></li>
				<li><a href="#">内容</a></li>
				<li><a href="#">内容</a></li>
				<li><a href="#">内容</a></li>
			</ul>
		</div>
	</body>

二.属性选择器

[id]：所有id
[class=‘one’] ：class等于one的值
[title]：所有有title属性的
[title^=‘aa’]：以aa开头的
[title=‘d’]：包含d的
[title$=‘d’]：以d结尾的
[class~=‘two’]：class里面包含two且有空格的

<style type="text/css">
			/*具有id属性的元素，
最低0.47元/天 解锁文章
陈肉肉
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js学习笔记——（15）jQuery选择器、样式操作、效果
01-20
1.jQuery选择器 1.1jQuery基础选择器 原生js获取元素方式很多，很杂，而且兼容性情况不一致，因此jQuery给我们做了封装，使获取元素统一标准。 $(‘选择器’) //里面选择器直接写css选择器即可，但是要加引号 原创...
css3 2D转换（2D Transform） 动画（Animation）
weixin_33806914的博客
09-01 137
 transform 版本：CSS3   内核类型写法 Webkit(Chrome/Safari) -webkit-transform Gecko(Firefox) -moz-transform Presto(Opera) -o-transform Trident(IE) -ms-transform W3C transform ...
ipanel 应用中2D效果实现最常用的三个属性参数
IT生涯
01-09 656
CSS样式表示：-webkit-transition-duration:300ms; opacity:0; -webkit-transform:scale(0.9); JS形式表示： $("alert").style.webkitTransitionDuration = "300ms"; $("alert").style.webkitTransform = "scale(0.
种子C语言学习笔记——数组
种子播放者__学习笔记
03-08 181
数组学习笔记： 数组 float candy[365]; /*内含365个float类型元素的数组*/ char code[22]; /*内含22个char类型元素的数组*/ int states[50]; /*内含50个int类型元素的数组*/ [ ]表示candy，code，states都是数组，数字表明数组中的元素个...
疯狂python讲义学习笔记——后十章完结
cj1064789374的博客
07-05 3094
'''数据分析模块： numpy pandas sklearn torch tensorflow keras opencv ''' #第二十一章：numpy import numpy as np #print(np.__all__)#共615个属性及方法，只需抽重点掌握即可 #一、基本操作 a=np.array([[1,2,3],[2,3,4]],dtype=np.float32)#传入矩阵与数据类型（默认int32） print(type(a))#<class 'numpy.ndarray'&.
深度学习（基于Tensorflow2.0）学习笔记——Day2
01-20
昨天已经把关于深度学习的一些基础知识简要回顾了一下，那么从今天开始就要正式开始实战了。正所谓“万事开头难”，但如果不迈出第一步就永远无法知道自己究竟能不能完成。所以不要望而生畏，更不能眼高手低，放低...
深度学习（基于Tensorflow2.0）学习笔记——Day3
01-06
经过一番折腾，我们终于配置好了Tensorflow2.0的环境，接下来通过Tensorflow来一起揭开深度学习的神秘面纱吧。 实战Tensorflow分类器 首先我们打开我们昨天的Hello TF工程，进入编辑界面之后，依次点击Kernel -> ...
深度学习（基于Tensorflow2.0）学习笔记——Day4
01-07
这也就引出了我们接下来学习的内容： 数据归一化处理 回调函数的作用 数据归一化处理 归一化大家都不陌生，简单的理解，它的作用就是把你需要用到的数据经过处理后（通过某种算法）将其限制在你所规定的范围内。那么...
Solidworks学习笔记——随形变化.docx
07-13
Solidworks学习笔记——随形变化.docxSolidworks学习笔记——随形变化.docxSolidworks学习笔记——随形变化.docxSolidworks学习笔记——随形变化.docxSolidworks学习笔记——随形变化.docxSolidworks学习笔记——...
学习笔记——day10（内部类 数组）
Katherine_c的博客
07-20 387
内部类 (定义在类里面的类称之为内部类) 1:生成的字节码文件的文件名称 内部类-> 外部类$内部类 普通内部类 a：外部类中如何使用内部类的属性以及方法 在外部类中创建内部类对象 调用内部类功能、属性 b:内部类中使用外部类的属性以及方法 可以直接使用 c:其它类中调用内部类中的属性和方法： 1: a：导包 包名.外部类.内部类 b：内部类类型 变量名= new 外部类对象...
项目笔记——码云笔记
Katherine_c的博客
09-25 382
用户模块 1、用户登录 前台： 给登录按钮绑定点击事件 获取用户名和密码 判断是否为空 空：提示用户 提交表单 后台： UserServlet： 接收参数 调用service层方法进行登录操作，得到结果信息 判断是否成功 成功：存session，存cookie，重定向跳转index.jsp 失败： 将结果信息存到作用域中 请求转发跳转回登...
学习笔记——day45(session)
Katherine_c的博客
09-06 302
一. Session 的作用 Session 的作用就是为了标识一次会话，或者说确认一个用户；并且在一次会话（一个用户的多次请求）期间共享数据。    Session：域对象,域：一次会话，通过JSESSIONID来标记 当用户第一次访问服务器时，如果没有JSESSIONID，则创建一个Session对象，并把响应的JSessionID通过响应报文发送给客户端 那么下次访问服务器时，客户端会将C...
项目笔记——wc
Katherine_c的博客
09-19 300
用户模块 1、登录功能 前台： form 表单提交 post js：非空判断 空，则不提交表单 非空，则提交 回显数据和提示信息 后台： 获取参数 非空判断 空： 将前台传过来的用户名和密码以及提示信息存到request作用域中 请求转发跳转回登录页面 连接数据库根据用户名查询用户信息 user 判断user是否为空 空： 将前台传过来的用户...
学习笔记——day17 18 19(集合完整版)
Katherine_c的博客
07-30 290
集合 集合：数据集合 (用来存储数据的集合) 1：为什么需要学习java中的集合框架： 学习数组可以用来存储数据： 数组的存储数据的弊端: a:存储相同数据类型的有序集合 存储的数据是相同类型的 b:数组存储数据时 需要指定当前数组的长度而且长度不可变 (定长) 需求：使用数组存储学生信息 效率变低 使用数组存储每天的新闻信息 就是由于在大多数的应用场景中，数据都是动态的，导致数组存储要么浪费...
学习笔记——day22(DML单表查询语句)
Katherine_c的博客
08-06 229
DML -- 这是注释 /* 这是多行注释 ## mysql中的注释 */ 注释 单表查询语句 -- 查询 sql 查询emp表中的所有列 /* * 代表所有列 select * from 查询表 */ select * from emp; -- 查询emp表中的员工姓名员工工资以及员工的部门编号 /* 查询列：姓名ename 工资sal 部门编号deptno 查询表：emp ...
学习笔记——day44（response cookie 重定向）
Katherine_c的博客
09-05 227
一、HttpServletResponse 对象 1 常用方法 常用方法 描述 addHeader(String name, String value) 添加指定的键值到响应头信息中 containsHeader(String name) 判断响应的头部是否被设置 encodeURL(String url) 编码指定的 URL sendError(int sc) 使用指...
学习笔记——day26(html)
Katherine_c的博客
08-12 212
一 .什么是HTML 简单的说，就是平时我们所看到的网页。 HTML就是万维网中的超文本，也叫做超文本标记语言。”超文本”就是表示页面内可以包含非文字元素，如：图片、链接、音乐等等。在Web服务中，信息一般是使用HTML格式以超文本和超媒体方式传送的，所使用的 Internet协议是HTTP协议。 二.HTML基础模板 <!DOCTYPE html > <!DOCTYPE htm...
学习笔记——day14（String IO）
Katherine_c的博客
07-27 204
String 的面试题 intern（）用法 intern 获取到的是当前String对象的地址 public class Test01 { public static void main(String[] args) { String s1 = "Cat"; String s2 = "Cat"; String s3 = new Strin...
jQuery学习笔记——事件
最新发布
06-08
好的，关于 jQuery 的事件，我可以和你分享一些学习笔记。 1. 绑定事件 在 jQuery 中，我们可以通过以下方式来绑定事件： ``` $(selector).event(function(){ // 事件处理程序 }) ``` 其中，`selector` 表示要...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值