Html与Css教程第11页

css3中background-size属性详解

xiaoqi 发布于 2017-02-18

background-size是CSS3中新增的属性，background-size的cover特定值会保持图像本身的宽高比例，将图片缩放到正好完全覆盖定义背景的区域。 background-size: length|percentage|cover|contain; lengt...

xiaoqi 发布于 2017-02-13

什么是置换元素？让我们来看下MDN上是怎么定义的： CSS 中所谓的「置换元素 (Replaced element)」，即是该元素所呈现的内容不在 CSS 的控制范围之内。这类外部物件所呈现的内容均独立于 CSS 之外。一个内容不受CSS视觉格式化模型控制，CS...

xiaoqi 发布于 2017-02-10

<html> <head> <title>css高级之继承特性</title> <style type="text/css"> p{color:blue;} ...

标签：css / 继承

xiaoqi 发布于 2017-02-08

1、完美居中：绝对定位 + transform，适用于元素宽高未知的大多数情况 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>前端ABC-...

标签：css / 居中

xiaoqi 发布于 2017-02-08

文本溢出边界显示为省略号 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>前端abc-qdabc.cn<...

xiaoqi 发布于 2017-02-08

<html> <head> <style> *{margin:0;padding:0} .box { position: absolute; ...

标签：css / 内联

xiaoqi 发布于 2017-02-07

1、简单说一下对HTML5+CSS3的了解。 Html5和CSS3不仅是两项新的Web技术标准，而且代表了下一代HTML和CSS技术。其未来的发展前景已经可以预见，那就是HTML5必将被越来越多的Web开发人员所使用。各大浏览器厂家已经积极更新自己的产品，以更好地支持H...

xiaoqi 发布于 2017-02-04

当我们使用float后,发现父级元素没有被撑开，通常情况下需要清除浮动，以下介绍三种清除浮动的方法： 1. 使用overflow：hidden将元素变成BFC，即可清除内部浮动 <style> .box{ border: 10px solid...

标签：css / 浮动

xiaoqi 发布于 2017-02-03

也许你在做网页的时候发现，有一个区块内的元素应用了float之后，那么整个box的高度，就不会以被浮动对象的高度为标准了。 overflow:auto; zoom:1; overflow:auto; 是让高度自适应， zoom:1;是为了兼容IE6，也可以用height:1%;...

标签：css / float

xiaoqi 发布于 2017-02-02

1、什么是CSS hack? CSS hack是通过在CSS样式中加入一些特殊的符号，让不同的浏览器识别不同的符号（什么样的浏览器识别什么样的符号是有标准的，CSS hack就是让你记住这个标准），以达到应用不同的CSS样式的目的，比如.kwstu{width:300px;_wi...

标签：css / hack