• body的背景图设置 第一种:这种情况下背景图片可以缩放但是不能完全等比缩放background: url(imgs1.jpg)no-repeat;background-position:center 0; 背景图的定位原点,由于body高不确定background-attachment:fixed; 背景图片保持固定,不会 ... [详细]
       2018-03-01 10:22:36
  • 1、通配符选择器通配符选择器用“*"号表示,是所有选择器中作用范围最广的,能匹配页面中所有的元素*设置当前页面中所有标签的颜色为红色**{color:red;}2、标签选择器标签选择器就是选择当前页面中相同名字的标签*设置所有p标签的文字颜色为红色*p{color:red;}3、ID选择器id选择器使用"#"进行标识,后 ... [详细]
       2018-03-01 10:22:35
  • 层叠性所谓层叠性是指多种CSS样式的叠加,也就是说后面设置的样式会层叠(覆盖)之前的样式,层叠性的前提是CSS的选择器的优先级相同,例如,当使用内嵌式CSS样式表定义<p>标记字号大小为12像素,链入式定义<p>标记颜色为红色,那么段落文本将显示为12像素红色,即这两种样式产生了叠加。1<!DOCTYPEhtml>2<htmllang ... [详细]
       2018-03-01 10:22:35
  • code<style>.a{background:red;}.b{background:yellow;}<style><divclass"ab">A<div>渲染效果最初以为更改元素中class类里面的类名顺序,渲染效果就会根据类名顺序依次渲染code<style> ... [详细]
       2018-03-01 10:22:35
  • 1.淘宝的方法在曾经的"淘宝UED招聘"中有这样一道题目:“使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。”当然出题并不是随意,而是有其现实的原因,垂直居中是淘宝工作中最常遇到的一个问题,很有代表性。题目的难点在于两点:垂直居中;图片是个置换元素,有些特殊的特性。至于如何解决,下面是一个权衡的相对结构干净,CSS简单的解决方法: ... [详细]
       2018-03-01 10:22:35
  • 常见的浏览器内核引擎以及具体应用:   Trident:IE;   Gecko:Firefox;   webkit:Safari,GoogleChrome,遨游3,猎豹,百度;   Presto:Opera——Operamini 书 ... [详细]
       2018-03-01 10:22:35
  • 字体样式属性font-size:字号大小font-size属性用于设置字号,该属性的值可以使用相对长度单位,也可以使用绝对长度单位。其中,相对长度单位比较常用,推荐使用像素单位px,绝对长度单位使用较少。绝对单位可选参数值:xx-small|x-small|small|medium|large|x-large|xx-large|smaller|larger1 ... [详细]
       2018-03-01 10:22:34
  • 定位模型2017年6月8日fanbrightcss支持6种定位模型静态绝对固定相对浮动相对浮动设定位置position:static;可以取消元素的定位设置,使之恢复为原先在常规流中的显示方式.static是默认值.position:relative;可以使元素相对于常规流的位置偏移一定距离.position:absolute;可以使元素相对于常规流的位置或最近定 ... [详细]
       2018-03-01 10:22:34
  •  CSS布局布局是CSS中一个重要部分,本文总结了CSS布局中的常用技巧,包括常用的水平居中、垂直居中方法,以及单列布局、多列布局的多种实现方式(包括传统的盒模型布局和比较新的flex布局实现),希望能给需要的小伙伴带来一些帮助。目录1.常用居中方法:水平居中,垂直居中,2.单列布局3.二列&三列布局:float+margin,position+margi ... [详细]
       2018-03-01 10:22:34
  • 1.在制作sidebar时对li里面的元素进行浮动,li在ie67下会出现4px的间间隙:解决方法:在li下加上vertical-align属性,值可为top、bottom、middle;扩展:vertical-align属性为垂直居中,一般与table-cell联合使用,但是对于ie67的兼容是无解的。 2.注意:元素浮动后在ie67下会使margin-bottom失 ... [详细]
       2018-03-01 10:22:34
  • CSS+DIV将数据封装到div中,页面中都是有很多div组成的,通过css布局(通过css属性布局)完成这些div位置的存放,一个div就是一个盒子。边框border:{--left--right--top--bottom};#div_1{border-top:1pxsolid#ccc;bord ... [详细]
       2018-03-01 10:22:33
  • 在css中单位长度用的最多的是px、em、rem,这三个的区别是:px是固定的像素,一旦设置了就无法因为适应页面大小而改变。em和rem相对于px更具有灵活性,他们是相对长度单位,意思是长度不是定死了的,更适用于响应式布局。对于em和rem的区别一句话概括:em相对于父元素,rem相对于根元素。rem中的r意思是root(根源),这也就不难理解了。 em子元素字体 ... [详细]
       2018-03-01 10:22:33
扫码关注 PHP1 官方微信号
PHP1.CN | 中国最专业的PHP中文社区 | PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | PHP问答
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved PHP1.CN 第一PHP社区 版权所有