![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
师远鹏
主要从事于java方面的软件开发,基于B/S架构的开发,有丰富的项目开发经验,3-5年的java开发经历,带过5-10人以上团队开发
展开
-
css的四种调用方式
样式的使用有大体有四种方式:外联式样式表;内嵌样式表;元素内定;导入样式表1,外联式样式表添加在HTML的头信息标识符里:其中href是目标文档的URL, type则规定了目标URL的MIME类型,而media规定了文档将显示在什么设备上。media="screen" 一般都用all。2,内嵌样式表添加在HTML的头信息标原创 2012-08-31 22:47:50 · 1851 阅读 · 0 评论 -
css3 div垂直居中
css3 div垂直居中用CSS3中的flexbox 布局模式设置垂直居中:.vertical-container{ display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -原创 2016-07-31 10:54:34 · 964 阅读 · 0 评论 -
css定位
position: fixed用于生成绝对定位的元素,相对于浏览器窗口进行定位。元素的位置通过 "left", "top", "right" 以及 "bottom" 属性进行规定。position 属性规定元素的定位类型。这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移原创 2015-11-25 14:19:20 · 425 阅读 · 0 评论 -
overflow: hidden;在安卓微信页面失效问题
在做h5移动端时候,发现overflow: hidden;在安卓微信页面失效问题,经研究和实验,用第三种方法和第四种方法可以解决!1、完全隐藏在里加入scroll="no",可隐藏滚动条;2、在不需要时隐藏指当浏览器窗口宽度或高度大于页面的宽或高时,不显示滚动条;反之,则显示;3、样式表方法在里加入style="overflow-x:hidden",可隐原创 2015-11-12 11:25:08 · 14129 阅读 · 1 评论 -
css Absolute绝对定位居中和div沉底
1、绝对定位中的居中:1.Absolute-Center {2 margin: auto;3 position: absolute;4 top: 0; left: 0; bottom: 0; r原创 2015-11-05 14:27:35 · 11213 阅读 · 0 评论 -
DIV+CSS圆角边框
DIV+CSS圆角边框简洁型css圆角: 方法1:简洁型css圆角矩形 code1: style type="text/css">.b1,.b2,.b3,.b4,.b1b,.b2b,.b3b,.b4b,.b{display:block;overflow:hidden;}.b1,.b2,.b3,.b1b,.b原创 2013-06-07 14:47:36 · 1566 阅读 · 2 评论 -
css用边框实现圆角矩形
今天要做一个圆角矩形的按钮,于是直接找圆角矩形的css实现方式,搞了半天,虽然也实现效果了,但是很复杂,需要用很多代码,后来突然想到以前做过的一个边框效果,也是圆角矩形,于是找了出来,发现这种办法相当简单并且效果一点也不差,这里简要分享一下。 关键部分都有注释。[html] view plaincopy> html原创 2013-03-24 10:27:43 · 1175 阅读 · 0 评论 -
css样式
样式的使用有大体有四种方式:外联式样式表;内嵌样式表;元素内定;导入样式表1,外联式样式表添加在HTML的头信息标识符里:其中href是目标文档的URL, type则规定了目标URL的MIME类型,而media规定了文档将显示在什么设备上。media="screen" 一般都用all。2,内嵌样式表添加在HTML的头信息标原创 2013-02-19 09:15:54 · 434 阅读 · 0 评论 -
html and css
1、某些css样式在有的网页中可行,在有的网页中不可行的问题。 将网页html代码标签之前的去掉即可。2、图片做超链接的时候有蓝色边框的问题 如 解决办法:在里面加border="0"属性。3、form与表格间有间隙的问题 给页面添加样式:body { margin: 0px;}4、英文撑破表格的问题 给原创 2013-02-18 18:05:32 · 536 阅读 · 0 评论 -
CSS Sprites的一些技巧
下面是一张样图:本文的目的并不是讲CSS Sprite如何让一个网站更快,而是说一些使用CSS Sprite的时候的一些最佳实践。不要等到你完成切片之后才开始sprite.如果你边切图边写CSS,然后等你完成了整个网站之后再来拼接这些图片到一个Sprite中,你就不得不完全重写你的CSS,你也必须要花费很多的时间来用PS拼接大量的图片——这是件令人倍感纠结的事情。但原创 2013-02-15 23:50:22 · 718 阅读 · 0 评论 -
CSS超链接样式常见四种状态控制
一、首选设置一下以下4种状态常:1、a:active是超级链接的初始状态2、a:hover是把鼠标放上去时的状况3、a:link 是鼠标点击时4、a:visited是访问过后的情况。二、常见的使用情况有以下三种:1、对父级元素的css类的定义 案例超链接代码CSS 对应CSS代码.link_1 a{color:#333;text-d原创 2013-02-15 23:15:51 · 20448 阅读 · 0 评论 -
html中的banner自适应屏幕代码
测试 .bannerbox { width:100%; position:relative; overflow:hidden; height:200px; } .banner { width:2000px; /*图宽*/原创 2017-05-23 19:28:37 · 10475 阅读 · 0 评论