随笔分类 -  html5+css3

摘要:.table { height: 310px; } table tbody { display: block; max-height: 270px; overflow-y: auto; } table thead, tbody tr { display: table... 阅读全文
posted @ 2018-06-27 11:28 逆光飞翔23 阅读(213) 评论(0) 推荐(0)
摘要:今天,遇到了一个超级坑的问题,解决了超级久没找到解决方法,各种百度,终于在茫茫的答案中找到了,太不容易了,泪奔~~ 因此赶紧在这里记录下!!!!! 问题:一级父元素采用flex布局,但是没有设置高度,他有三个子元素,父元素的高度是有第三个子元素的高度撑开的,现在的情况是,需要让第一个子元素的高度和父 阅读全文
posted @ 2017-08-31 16:09 逆光飞翔23 阅读(11324) 评论(0) 推荐(1)
摘要:1、给为元素动态获取内容 content: attr(data-content); data-content是某元素的属性 2、rotate(顺时针: + , 逆时针: -) rotateX : 绕着X轴旋转; rotateY : 绕着Y轴旋转; rotateZ : 绕着Z轴旋转; perspect 阅读全文
posted @ 2017-05-05 13:58 逆光飞翔23 阅读(167) 评论(0) 推荐(0)
摘要:text-shadow text-shadow:none|[color x-offset y-offset blur-radius] 注意: 在ie下,可以使用滤镜filter:shadow(Color=颜色值, Direction=数值, Strength=数值) 其中:Direction用来设置 阅读全文
posted @ 2016-07-31 23:46 逆光飞翔23 阅读(718) 评论(0) 推荐(0)
摘要:IE9/10对CSS3属性的支持情况 属性 IE9 属性 IE10 rgba border-image hsla text-shadow box-sizing animations background-size columns 多背景 gradients box-shadow reflection 阅读全文
posted @ 2016-07-27 22:07 逆光飞翔23 阅读(274) 评论(0) 推荐(0)
摘要:在HTML5中,空元素结尾处的空格和斜杠是可选的,但是在XHTML中,必须有斜杠,所以最好每次都把斜杠写上去。 disabled和required可以要属性值,也可以不要属性值 1) 有属性值:disabled=” disabled” required=” required” 2) 无属性值:dis 阅读全文
posted @ 2016-05-22 17:14 逆光飞翔23 阅读(298) 评论(0) 推荐(0)
摘要:ajax常见问题 1、 ajax缓存问题 给服务器端加上header消息头 让浏览器不缓存: header(“Cache-Control: must-revalidate”); 2、 乱码 尽量要让js和html编码一致 注意:当前后代码都一致为GBK的时候,发送请求时还是有可能出现乱码,之歌时候就 阅读全文
posted @ 2016-05-20 07:01 逆光飞翔23 阅读(150) 评论(0) 推荐(0)
摘要:1、 audio / vedio 在audio / vedio之间的文字主要是当浏览器不支持该资源的时候显示 ps:火狐不支持.mp4格式的,所以使用vedio的时候可以使用引入多个<source>来让浏览器之间更好地兼容 2、 SVG SVG可以外部创建一个文件,后缀名为.svg,然后在html通 阅读全文
posted @ 2016-05-20 07:00 逆光飞翔23 阅读(125) 评论(0) 推荐(0)
摘要:第一部分 1、 类名称区分大小写:.special和.SPECIAL不一样 2、 :focus 是通过单击或跳格集中在某个地方 3、 ::selection 没有单冒号,被选中的文本【 但是在IE8和Firefox中不支持, 使用à ::-moz-selection{} 】 4、 :not()一个选 阅读全文
posted @ 2016-04-20 23:13 逆光飞翔23 阅读(138) 评论(0) 推荐(0)
摘要:1、:last-child 比如:查找ul的最后一个li 2、:first-child 比如:查找ul的第一个li 3、:before和:after 使用它们来对一个元素前面和右面添加内容,可以是文字,也可以是图标 比如:添加图标 :after和:before使用方法一样 4、:nth-child( 阅读全文
posted @ 2016-04-15 21:48 逆光飞翔23 阅读(134) 评论(0) 推荐(0)
摘要:第十六章 1、 输入和元素 电子邮件框 <input type="email"> 搜索框 <input type="search"> 电话框 <input type="tel"> URL 框 <input type="url"> 以下元素得到了部分浏览器的支持 日期 <input type="dat 阅读全文
posted @ 2016-04-11 22:14 逆光飞翔23 阅读(362) 评论(1) 推荐(0)
摘要:第十一章 1、 box-sizing:border-box(让宽度和高度包含内边距和边框) 2、 clear让后面的元素显示在浮动元素的后面 3、 z-index只对只对绝对、固定、相对定位的元素有效 4、 vertical-aligh只用于行内元素 baseline/middle/sub/supe 阅读全文
posted @ 2016-04-10 14:30 逆光飞翔23 阅读(350) 评论(0) 推荐(0)
摘要:第七章 1、 样式表:选择器和生命块 2、 !important: 某条声明的重要程度比其他高,在末尾添加 3、 属性值:inherit; 是强制继承 4、 1em=16px; 5、 可以接受不带单位的属性:line-height、z-index、opacity 6、 background-colo 阅读全文
posted @ 2016-04-09 07:15 逆光飞翔23 阅读(331) 评论(0) 推荐(0)
摘要:第一章 1、 邮箱地址的URL地址包括:mailto:+邮箱地址 2、 ../表示向上走一级,开头直接使用/表示根目录 第三章 1、 <header>: role = “banner”【 适用于页面级的页眉】 2、 <nav>标记导航: role = “navigation”不是必须的,提高可访问性 阅读全文
posted @ 2016-04-07 22:41 逆光飞翔23 阅读(378) 评论(0) 推荐(0)