• CSS3 过渡

    CSS3 过渡 过渡:执行一定操作后某属性从指定状态过渡到另一状态。1.指定要添加效果的CSS属性。 2.指定效果的持续时间。 div { transition : width 2s ; -webkit-transition : width 2s ; /* Safari */ } div:hover { width : 300px ;} 也可以同时改变多个属性 div { tr...

    2019-11-26 16:03:34 web执行时间cssCSS3属性SpanDiv操作Form

  • css样式的书写顺序及原理——很重要!

    css样式的书写顺序及原理——很重要! 记得刚开始学习前端的时候,每次写css样式都是用到什么就在样式表后添加什么,完全没有考虑到样式属性的书写顺序对网页加载代码的影响。后来逐渐才知道正确的样式顺序不仅易于查看,并且也属于css样式优化的一种方式。那么是怎么...

    2019-11-26 16:03:03 文档定义word瓶颈用户IE浏览器HTMLADO绝对定位

  • CSS3 渐变

    CSS3 渐变 div { width : 200px ; height : 200px ; background-image : repeating-linear-gradient(to right, red 10%, green 20%) ;} 渐变分为 线性渐变 和 径向渐变 两种;其中:线性渐变指的是 从上/下/左/右/对角方向开始 的渐变 ,径向渐变指的是从模块的 中心到...

    2019-11-26 16:02:44 IEPSIRCthe关键字使用理解cssCSS3Span

  • HTML中引用CSS的几种方法

    HTML中引用CSS的几种方法 HTML中引用CSS的方法主要有 行内样式 内嵌式 链接式 导入样式 行内样式 指写在标签里的Style元素的值 p style="color: #FF0000;"行内样式/p 内嵌式 写在HTML页面的head标签里。 style type= " text/css " XXXXXXXX /style 链接式 也是在head标...

    2019-11-26 16:02:14 css文件文件<HTML区别方式方法性能POST标签

  • rem布局

    rem布局 rem布局 技术选型 方案:采取单独制作移动页面方案 技术:布局采取rem适配布局(less-rem+媒体查询) 设计图纸:750px尺寸 相关文件夹结构 设置视口标签以及引入初始化央视 meta name=viewport content=width=device-width, initial-scale=1.0, user-scalable=...

    2019-11-26 16:01:34 html文字文件IE360PS移动端手机淘宝淘宝手机HTTPS

  • 移动端rem适应布局

    移动端rem适应布局 移动端rem适应布局 rem rem(root em)是一个相对单位,类似于em,em是父元素字体大...

    2019-11-26 16:01:28 css文件文件定义苹果苹果手机平板电脑android电脑移动端浏览器

  • CSS的border-radius 设置圆弧

    CSS的border-radius 设置圆弧 现象: 将div变为有一定幅度的圆形、椭圆形等 方法: 使用css的border-radius 属性进行设置 CSS3 border-radius 属性:向 div 元素添加圆角边框: 一:首先建立一个div 二:给div设置圆角边框的弧度 三:给div设置弧度为50%的时候 正方形...

    2019-11-26 16:01:23 圆角TCP使用方法POSTcssCSS3属性Divimg

  • CSS3 2D转换

    CSS3 2D转换 2D转换方法分为以下5种: 1.位移 translate() 2.旋转rotate() 3.缩放rotate() 4.倾斜 skew () 5.矩阵 matrix() 1.translate(50px, 100px),根据给定的参数,从当前位置进行移动(x轴移动距离,y轴移动距离) div { transform : translate(50px,100px) ; -ms...

    2019-11-26 16:01:15 ChromeIEweb缩放语法方法转换cssCSS3Span

  • CSS3/CSS之居中解析(水平+垂直居中、水平居中,垂直居中)

    CSS3/CSS之居中解析(水平+垂直居中、水平居中,垂直居中) 首先,我们来看下垂直居中: (1)、如果是单行文本,则可以设置的line-height的数值,让其等于父级元素的高度! !DOCTYPE htmlhtml lang= " en " head meta charset= " UTF-8 " meta name= " viewport " con...

    2019-11-26 16:00:56 qqword瓶颈3kIE伪元素PSmacHTTPSweb

  • 图片翻转效果

    图片翻转效果 自引jquery css style*{margin:0px;padding:0px;}li{list-style:none;}#brand{width:330px;height:400px;border:1px solid #dddddd;box-shadow:0px 0px 5px #dddddd;margin:30px auto;}#brand .title{width:100%;height:35px;line-height:35px;font-size:...

    2019-11-25 16:10:02 vpslpl鼠标PSAV<HTMLADOtext-align图片