• css只改变input输入框光标颜色不改变文字颜色实现方法

    input:focus { color : blue } //光标颜色input { text-shadow : 0px 0px 0px red ; //文字颜色 -webkit-text-fill-color : transparent ;}...

    2018-06-24 02:01:56

  • input range样式优化

    首先HTML代码: 1 input id ="snrPollInterval" type ="range" min ="1" max ="30" css代码: 1 input[type="range"] { 2 /* -webkit-box-shadow: 0 1px 0 0px #424242, 0 1px 0 #060607 inset, 0px 2px 10px 0px black inset, 1px 0px 2px rgba(0, 0, 0, 0.4) inset,...

    2018-06-24 02:01:49

  • 学习笔记 第四章 设计网页文本

    学习重点: 1、熟悉HTML4定义的格式化文本标签; 2、掌握HTML5新增的文本标签; 3、正确选用标签设计网页文本信息。 4.1 使用文本标签 4.1.1 标题文本 h1~h6用于定义标题。 h1定义最大的标题,表示最重要的信息;h6定义最小的标题,表示最次要的信息。 h1只用一次,h2...

    2018-06-24 02:01:45

  • CSS3常用属性浏览器兼容前缀

    1、检测网站https://gsnedders.html5.org/outliner/ 2、查询是否支持前缀http://caniuse.com 3、border-radius\box-shadow\opacity这几个一般前缀-webkit-和-moz-基本就可以了 eg: -webkit-border-radius:xxxx; -moz-border-radius:xxxx; 4、text-shadow不需要加前缀。...

    2018-06-24 02:01:42

  • 计算机应用第七次作业 html制作个人音乐播放站点

    计算机应用第七次作业 html制作个人音乐播放站点 请访问下边网址查看具体操作: http://www.cnblogs.com/qingyundian/p/7878892.html...

    2018-06-24 02:01:44

  • 解决文字和text-decoration:underline下划线重叠问题

    一、text-decoration:underline下划线的问题 CSS text-decoration:underline 可以给内联文本增加下划线,但是,如果对细节要求较高,就会发现,下划线经常会和中文文字的下边缘搞在一起,英文的话甚至直接穿越,看起来就比较香菇蓝瘦。 上图几个中文下边缘正好都是横线...

    2018-06-24 02:01:40

  • CSS 小技巧(不定时更新)

    1.Web 文本中的省略号 在Web开发中,对于一种情况很常见。那就是,文本太长,而放置文本的容器不够长,而我们又不想让文本换行,所以,我们想使用省略号来解决这个问题。在今天HTML的标准中并没有相关的标识或属性让你可以简单地完成这个事。但是我们可以使用CSS样式表...

    2018-06-24 02:01:40

  • chorme 浏览器记住密码后input黄色背景处理

    使用chrome浏览器选择记住密码的账号,输入框会自动加上黄色的背景,有些设计输入框是透明背景的,需要去除掉这个黄色的背景; 方法1:阴影覆盖 input:-webkit-autofill { -webkit-box-shadow : 0 0 0 1000px white inset !important ;} 由于是设置颜色覆盖,所以只对...

    2018-06-24 02:01:40

  • CSS实现文本溢出显示省略号

    实现 单行文本 溢出显示省略号,用以下代码即可: overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 实现效果:(Google Chrome) 多行文本 的如下: display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; 实...

    2018-06-24 02:01:34

  • calc() 计算CSS属性值

    calc()是css3的一个新增的功能,用来指定元素的长度。比如说,你可以使用calc()给元素的border、margin、pading、font-size和width等属性设置动态值。calc()最大的好处就是用在流体布局上,可以通过calc()计算得到元素的宽度。 calc()语法: 加 (+)、减(-)、乘(*...

    2018-06-24 02:01:35

2