Html与Css教程 第7页

布局自适应一侧定宽

xiaoqi 发布于 2017-03-22

不使用float实现两边固定,中间自动扩展的布局 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>不使用float实现两边固定,...

CSS让元素隐藏

xiaoqi 发布于 2017-03-21

在CSS中,让元素隐藏(指屏幕范围内肉眼不可见)的方法很多,有的占据空间,有的不占据空间;有的可以响应点击,有的不能响应点击 { display: none; } { visibility: hidden; } { position: absolute; top: -999em;...

css3实现图片翻转效果

xiaoqi 发布于 2017-03-21

<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>qdabc.cn</title> <style type="text/css"&g...

css直接写出小三角

xiaoqi 发布于 2017-03-21

在开发移动端项目时,总是遇到很多小三角,之前一直用图片,感觉好麻烦,今天尝试了直接用CSS写出小三角! 先看看如何写出各种小三角! <!DOCTYPE HTML> <html lang="en-US"> <head> <meta char...

css3按钮效果

xiaoqi 发布于 2017-03-20

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>qdabc.cn</title> <style> div...

CSS入门简单知识

xiaoqi 发布于 2017-03-20

常用到的三种选择器 子孙选择器(区别于后代选择器) 例如:div>p{…}就是选择div的子元素中的所有p元素,不包括子元素的子元素。 兄弟选择器 例如:div+p{…}就是选择紧跟在div后面的p元素的集合,div和p拥有相同的父级元素 属性选择器...

用CSS伪选择器实现脚本控制的按钮功能

xiaoqi 发布于 2017-03-18

记得之前看到一句话“为了性能考虑,能用CSS实现的特效和功能,尽量不要使用JavaScript脚本”,因为JS的特效基本都是针对DOM节点的操作,只要DOM发生变化,就肯定会引起回流,回流是比较消耗资源的,所以为了性能考虑能避免就要避免。下面介绍两种CSS伪选择器实现按钮功能。 ...

video视频标签的使用

xiaoqi 发布于 2017-03-18

格式:<video src=”视频地址”></video>. 拓展属性: <video src=”视频地址” autoplay=”autoplay” controls=̶...

audio音频标签的使用

xiaoqi 发布于 2017-03-18

audio和video相似,格式相似,也有两种,属性也基本相同,有三个属性在audio中不能用 那就是height/width/poster 1.<audio src=””></audio> 2<audio> <s...