鲁中-O-华仔

文本最后自动出现省略号...

摘要：一：.单行文本溢出显示省略号… 1. white-space:nowrap; 文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。2. text-overflow: ellipsis; 显示省略符号来代表被修剪的文本。 (延伸：clip 修剪文本。)二：多行文本溢出显示省略号… 1. 阅读全文

posted @ 2018-12-22 16:01 鲁中-O-华仔阅读(395) 评论(0) 推荐(0) 编辑

CSS hack

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

posted @ 2016-10-16 17:12 鲁中-O-华仔阅读(185) 评论(0) 推荐(0) 编辑

隔行变色---简单的css js控制table隔行变色

摘要：（1）用expression 鼠标滑过变色： <style type="text/css"><!-- table { background-color:#000000; cursor:hand; width:100%; }td {onmouseover: expression(onmouseover 阅读全文

posted @ 2016-09-26 13:30 鲁中-O-华仔阅读(370) 评论(0) 推荐(0) 编辑

html给div加超链接的方法

摘要： 1.通过window.open函数 <div onclick="window.open('www.baidu.com')">在新窗口跳转至百度</div> <div onclick="window.open('www.baidu.com','_self')">在当前窗口跳转至百度</div> 2.通阅读全文

posted @ 2016-09-26 13:25 鲁中-O-华仔阅读(1230) 评论(0) 推荐(0) 编辑

Opacity多浏览器透明度兼容处理

摘要：用来设定元素透明度的 Opacity 是CSS 3里的一个属性。当然现在还只有少部分浏览器支持。不过各个浏览器都有自己的私有属性来支持,其中包括老版本的Mozilla和Safari： IE: filter:alpha(opacity) Mozilla: -moz-opacity Safari: - 阅读全文

posted @ 2016-08-10 18:49 鲁中-O-华仔阅读(269) 评论(0) 推荐(0) 编辑

CSS让图片垂直居中的几种技巧

摘要：在网页设计过程中，有时候会希望图片垂直居中的情况。而且，需要垂直居中的图片的高度也不确定，这就会给页面的布局带来一定的挑战。下面总结了一下，曾经使用过的几种方法来使图片垂直居中，除了第一种方法只限于标准浏览器外，另外两种方法的兼容性还不错。方法一将外部容器的显示模式设置成display:tabl 阅读全文

posted @ 2016-02-05 18:54 鲁中-O-华仔阅读(331) 评论(0) 推荐(0) 编辑

网页图片变灰色的三种实现办法

摘要： .div1 a:hover img{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8；}1、CSS Filter 使用CSS过滤器属性可能是最简单的方法把图像变成灰度。以往,IE浏览器有一个专有的CSS属性称为过滤应用自定义效果包括灰度。... 阅读全文

posted @ 2015-11-30 11:07 鲁中-O-华仔阅读(504) 评论(0) 推荐(0) 编辑

手机web——自适应网页设计（html/css控制）

摘要：一. 允许网页宽度自动调整： "自适应网页设计"到底是怎么做到的？其实并不难。首先，在网页代码的头部，加入一行viewport元标签。 viewport是网页默认的宽度和高度，上面这行代码的意思是，网页宽度默认等于屏幕宽度（width=device-width），原始缩放比例（init... 阅读全文

posted @ 2015-10-10 22:53 鲁中-O-华仔阅读(186) 评论(0) 推荐(0) 编辑

响应式---web设计之CSS3 Media Queries

摘要：一：设置视口 (view [vju:] 看; ==看待 port [pɔ:t] 接口)==视口二：Media Query(媒体查询)@media媒体类型and（媒体特性）{ /*CSS样式*/ } 媒体类型：screen,print... 媒体特性：max-width,max-height...1 阅读全文

posted @ 2015-10-10 22:39 鲁中-O-华仔阅读(212) 评论(0) 推荐(0) 编辑

3_for循环的拓展应用

摘要： HTML代码：1 2 3 JS代码：1 window.onload=function(){2 var oBtn=document.getElementsByTagName('input');3 var i=0;4 for(i=0;i<oBtn.length;i++){5 oB... 阅读全文

posted @ 2014-08-26 16:53 鲁中-O-华仔阅读(170) 评论(0) 推荐(0) 编辑

导航

公告