• 如何使用伪类选择器

    如何使用伪类选择器 伪类选择器介绍 伪类选择器就是用来给超级链接设置不同的状态样式。 超级链接分为 4 种状态如:正常状态、访问过后状态、鼠标放上状态、激活状态。 伪类选择器说明表 选择器 描述 :link 向未被访问的超级链接添加样式,正常状态。 :visited 向已经...

    2019-11-26 16:01:50

  • 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

  • 移动端rem适应布局

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

    2019-11-26 16:01:28

  • 对于隐藏性质的非标准的动态 id 的下拉框,如何定位和

    对于隐藏性质的非标准的动态 id 的下拉框,如何定位和选中 今天,在页面上碰到一个非 select 标签的下拉框,打算进行定位和模拟选中。 input aria-invalid="false" autocomplete="disabled" placeholder="请选择" type="text" class="AABBCC-input DDCC-inputDDCCcompl...

    2019-11-26 16:01:26

  • CSS的border-radius 设置圆弧

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

    2019-11-26 16:01:23

  • 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

  • 易优CMS:volist的基础应用

    易优CMS:volist的基础应用 【基础用法】名称:volist功能:数据/记录循环输出标签语法:{eyou:channel type='top'} {eyou:volist name='$field.children' id='field1'} a href='{$field1.typeurl}'{$field1.typename}/a {/eyou:volist} {/eyou:channel}文件:无参数:n...

    2019-11-26 16:00:56

  • 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

  • 图片翻转效果

    图片翻转效果 自引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

  • CSS之border绘制三角形

    CSS之border绘制三角形 用CSS的border可以画出高质量的三角形。 我们一般会这么使用border: #test-border { width: 100px; height: 100px; margin: 100px auto; background: #fff; border: 2px solid orange;} 得到的效果如下: 因为我们一般设的border-width都很小,...

    2019-11-25 16:09:54

2