Html与Css教程 第6页

css常用属性及属性值

xiaoqi 发布于 2017-04-04

1.font:加粗 倾斜 大小 类型(font-weight; font-style; font-size;color) 2.text-decration: none underline overline line-through 3.text-shadow:水平位移值 垂直位移...

HTML5新特性

xiaoqi 发布于 2017-04-04

首先: Html5在html基础上新增了 27 个元素,废弃了 16 个元素,且根据现有的标准规范,把 HTML5 的元素按优先级可以定义为结构性属性、级块性元素、行内语义性元素和交互性元素这 4 大类。 1.咱们先看看结构性元素。  结构性属性主要是负责web上下文结...

display所有值及其作用

xiaoqi 发布于 2017-04-04

display有很多的值,每个值都有其独特的作用以及特性,这也是面试中常被问到,或者比较容易考到的细琐知识点。 1.display的值 none inline block list-item inline-block table inline-table table-captio...

解决微信IOS不能自动播放音频问题

xiaoqi 发布于 2017-03-28

坑爹的H5 audio一直有兼容性问题,特别是微信端ios和android自动播放问题,ios不能自动播放。我之前的解决方案是使用trigger 模拟用户点击实现ios也能自动播放。 <!DOCTYPE html> <html lang="en"> <...

html 中 div不定宽度如何水平居中的解决方案

xiaoqi 发布于 2017-03-25

传统的水平居中样式 margin: 0 auto; 这个方法要求使用这个样式的dom元素,必须同时定义宽度width. 如果dom元素内容是不固定的,那么就无法定义宽度.所以这个地方就很难弄. 经过多次摸索终于找到解决方案. 经过测试发现兼容性还行. .SecondMenuBod...

用CSS开启硬件加速来提高网站性能

xiaoqi 发布于 2017-03-24

你知道我们可以在浏览器中用css开启硬件加速,使GPU (Graphics Processing Unit) 发挥功能,从而提升性能吗? 现在大多数电脑的显卡都支持硬件加速。鉴于此,我们可以发挥GPU的力量,从而使我们的网站或应用表现的更为流畅。 在桌面端和移动端用CSS开启硬件...

HTML5 JS实现搜索匹配功能

xiaoqi 发布于 2017-03-24

HTML5+jquery实现的搜索匹配效果,或者说是搜索过滤,当你在文本框输入一个字符时,如果下边的列表中有以此为开头的内容时,将自动为你显示相关内容,示例中仅列出了一些,用时候你可以自己再完善下,代码仅为您提供一种思路,我想对你是有帮助的 <!DOCTYPE html&g...

使用media设置rem的值

xiaoqi 发布于 2017-03-23

@media all { html { font-size: 16px; } } @media all and (min-width: 140px) and (min-height: 220px) { html { font-size: 9px; } } @media all a...

CSS 禁止文字选中

xiaoqi 发布于 2017-03-23

现象:html中可能有些地方不想让用户复制文字,或是用a标签做了个点击按钮,点快的时候文字会被选中,很丑,这个时候可以使用下面的方案禁止文字选中。 原因:鼠标点快了。 解决方案: 不同的浏览器设置的内容不一样,user-select不是一个W3C的标准,浏览器的支持不完成,需要对...