欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

div+css

shiping1 的头像

如何用css使边框颜色渐变 有大用

 使用CSS3的border-radius属性,如果你设置了border的宽度是X px,那么你就可以在这个border上使用X种颜色,每种颜色显示1px的宽度。如果说你的border的宽度是10个像素,但是只声明了5或6中颜 色,那么最后一个颜色将被添加到剩下的宽度。
   
浏览器兼容性
   
目前只有Firefox支持CSS3 border-colour属性,所以我们这里只需使用-moz前缀。
   

一、CSS3中的边框颜色
 
普通分类: 
shiping1 的头像

绝对定位居中显示

 #showBigtu{
    position:fixed;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;

    width:100px;
    top:100px;
    z-index:1002;  
 }
普通分类: 
shiping1 的头像

HTML5的两张图片中间为什么会有4个像素的空白呢?见红色的字 已经把所有的margin、padding、border都设为0了 空隙 空档 间距 间隔 空白 间距 间隙 自己亲自做的 有大用

两种方法


1)  <img>    display:block

2)  img 的父元素 加上  line-height:0; 和 font-size:0

普通分类: 
shiping1 的头像

一个css 的例子

/* 960 Grid System ~ Core CSS.
 * Learn more ~ http://960.gs/
 * *
 * Licensed under GPL and MIT. */
/*!
普通分类: 
shiping1 的头像

幻灯片收费插件破解版-ROYALSLIDER-VIDEO GALLERY

我所使用的方法   已打包成 附件  RoyalSlider.zip
   下面是html代码
<section id="covers">
        
    <h1 class="visuallyhidden">Covers</h1>    
    
        <div id="full-width-slider" class="royalSlider rsUni">        
        
            <div class="rsContent">
普通分类: 
shiping1 的头像

CSS3 圆角(border-radius)上半部圆角 下半部圆角 有大用

 

普通分类: 
shiping1 的头像

css 斜体

普通分类: 
shiping1 的头像

div 绝对定位 居中 absolute fixed

html代码
<div class="pop_div">
      <div class="pop_div_inner">
普通分类: 
shiping1 的头像

文本模糊效果 有大用

下面是自己亲自做的例子
.mohu {text-shadow:0 0 4px #dddddd;opacity:0.08;  }


普通分类: 
shiping1 的头像

CSS3 box-shadow 属性

普通分类: 
shiping1 的头像

shadow box-shadow 边框 阴影 左侧 左边 左部 右侧 右边 右部 顶侧 顶部 顶边 底部 底侧 底边 上侧 上边 上部 下侧 下边 下部 有大用 有大大用

<div class="xiaozhangshiping">
                        <a id="shiping" class="shiping" href="/iframeshiping.html"><img alt="校长解读吴中服装学校" src="/templets/hanlaoshi/images/xiangshishipingtu.jpg"></a>
                        <p class="wuzhongbei">"苏州电视台"采访报道</p>
                      </div>

#横向偏移3像素,纵向偏移3像素,模糊4像素,颜色为纯黑

普通分类: 
shiping1 的头像

CSS3实现背景颜色线性渐变gradient 有大用

下面的代码 绝对有大用
.zyszone a{
display: block;
width: 100%;

普通分类: 
shiping1 的头像

sublime,phpstorm

普通分类: 
shiping1 的头像

bootstrap 全局 CSS 样式 有大用

来自 http://v3.bootcss.com/css/  有大用
深入了解 Bootstrap 底层结构的关键部分,包括我们让 web 开发变得更好、更快、更强壮的最佳实践。

HTML5 文档类型

Bootstrap 使用到的某些 HTML 元素和 CSS 属性需要将页面设置为 HTML5 文档类型。在你项目中的每个页面都要参照下面的格式进行设置。

普通分类: 
shiping1 的头像

bootstrap pc 和 wap 响应式

【高级】[苏州]泪痕_元怜(958186957)  11:21:16
bootstrap 做的网站 图片比较多时 
用响应式 合适吗 
换句话说 用手机访问  会不会有问题 ?
【进阶】[重庆]超级菜鸟(476193959)  11:21:59
流量大,
【高级】[苏州]泪痕_元怜(958186957)  11:22:22
?
我还是想做两套 网站了
【进阶】[重庆]超级菜鸟(476193959)  11:22:41
耗流量
除非你在后端处理图片
【高级】墨尔本-Tim(3080812)  11:23:31
如果你手机不需要这些图片的话,确实不合适。
【进阶】[中山]猫之良品<catcat811@gmail.com>  11:23:32
facebook能不能发长文章?
【进阶】[加拿大]姜雨晴(276250522)  11:23:45
多长?
【高级】[苏州]泪痕_元怜(958186957)  11:23:50
有后端处理图片 如何实现 根据 pc 和  wap的不同
普通分类: 
shiping1 的头像

酷播 播放器

shiping1 的头像

url地址格式为:协议:domain/path?参数#

url地址格式为:协议:domain/path?参数#

?问号的作用

 

普通分类: 
shiping1 的头像

bootstrap 用到的实体来表示特殊符号 总共也就几个

1) X  times
2)>> raquo
3)<< laquo
4)<-  larr
5)-> rarr
普通分类: 
shiping1 的头像

盘点8种CSS实现垂直居中水平居中的绝对定位居中技术 有大用

普通分类: 
shiping1 的头像

margin:auto实现绝对定位元素的水平垂直居中 有大用

一、悠悠哉哉说点什么

普通分类: 
shiping1 的头像

position: absolute;绝对定位水平居中问题 有大用

用CSS让元素居中显示并不是件很简单的事情—同样的合法CSS居中设置在不同浏览器中的表现行为却各有千秋。让我们先来看一下CSS中常见的几种让元素水平居中显示的方法。

1.使用自动外边距实现居中

普通分类: 
shiping1 的头像

请教,bootstrap 里有没有让 DIV 悬浮在浏览器底部的功能?

普通分类: 
shiping1 的头像

文字添加点阴影的效果 …. 文字特效 自己亲自做的 有大用

/*text-shadow:x位移 y位移 模糊程度 颜色  */

普通分类: 
shiping1 的头像

bootstrap dropdown 2

普通分类: 
shiping1 的头像

bootstrap dropdown

普通分类: 
shiping1 的头像

bootstrap row 浮动 下面的 col-md 子元素 高度相等 高度 一致 高度一样 等高 对齐 有大用

网友奉送的代码 但是不理想 好像不能适用个别情况
//dom元素加载完时间
$(document).ready(function(){
 asynconresize();    
         })
//页面改变大小事件
window.onresize = function(){
 asynconresize();
 }
 //改变元素大小
 var asynconresize=function(){
  var width=$(window).width();//获取浏览器宽度;
  var height=$(window).height();//获取浏览器高度;

  $("div").height(height-0);
  });



google   "bootstrap row col height same"
1) 加上 class row-eq-height
如下

普通分类: 
shiping1 的头像

css border style 样式

CSS border-style 属性

普通分类: 
shiping1 的头像

bootstrap modal 模态对话框 里 如果有object 就不显示这个object

我使用的办法是 在自己的css 超越一下
.modal.in .modal-dialog {
    transform: none;
}
.modal.fade .modal-dialog {
    transform: none;
}

普通分类: 
shiping1 的头像

HTML5视频标签video 支持各种浏览器

HTML5视频

普通分类: 
shiping1 的头像

文字的右上角显示TM的代码

今天写公司名字上面需要加TM,上网查了一下原来很简单。

普通分类: 

页面

Subscribe to RSS - div+css