#css

CSS判断不同分辨率显示不同宽度布局CSS3技术支持IE6到IE8

CSS判断不同分辨率浏览器(显示屏幕)显示不同宽度布局CSS3技术支持IE6到IE8。将用到css3@media样式进行判断,但IE9以下版本不支持CSS3技术,这里DIVCSS5给大家介绍通过JS实现低版本的浏览器也支持CSS3实现实用布局。一、实用范围描述 -  TOPCSSDIV网页...

css 设置div半透明 悬浮在页面底部 不随滚动条滚动

.action-button{width:100%;background:rgba(0,0,0,0.7);position:fixed;bottom:0;left:0;z-index:10;text-align:center;margin:0;} ...

[转]CSS3 使用 calc() 计算高度 vh px

1、px   像素,我们在网页布局中一般都是用px。2、百分比  百分比一般宽泛的讲是相对于父元素,自适应网页布局越来越多,百分比也经常用到了。3、Viewport   viewport:可视窗口,也就是浏览器。  &n...

[转]css3自适应布局单位vw,vh你知道多少?

原文地址:https://www.cnblogs.com/luxiaoxing/p/7544375.html视口单位(Viewportunits)什么是视口? 在PC端,视口指的是在PC端,指的是浏览器的可视区域;而在移动端,它涉及3个视口:LayoutViewport(布局视口),VisualViewpor...

[转]浅谈Normalize.css

原文地址:https://www.jianshu.com/p/3d21d1932aa0Normalize.css只是一个很小的css文件,但它在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的cssreset,Normalize.css是一种现代的,为HTML5准备的优质替代方案。Normalize.c...
代码星球 ·2021-02-16

[转]css实现左侧宽度自适应,右侧固定宽度

原文地址:https://segmentfault.com/a/1190000008411418页面布局中经常用会遇到左侧宽度自适应,右侧固定宽度,或者左侧宽度固定,右侧自适应。总之就是一边固定宽度,一边自适应宽度。一般固定宽度是导航栏,自适应宽度的是主体内容显示区。所以要实现这种布局,就先给出如下html结构:<...

[转]你所不知的 CSS ::before 和 ::after 伪元素用法

SS有两个说不上常用的伪类:before和:after,偶尔会被人用来添加些自定义格式什么的,但是它们的功用不仅于此。前几天发现了 CreativeLinkEffects 这个非常有意思的介绍创意链接特效的页面,里面惊人的效果大量使用到的特性除了 transform属性进行变形之外,就是接...

【转】HTML <!--...--> 注释 、CSS/JS //注释 和 /*.....*/ 注释

原文地址:http://www.cnblogs.com/iceflorence/p/5815409.html<!---->是HTML的注释标签,使用<和>是符合HTML标签语法规则的。/**/是CSS的注释标签/**/(注释代码块)、//(注释单行)是JS的注释标签。两种注释有各自的使用环境,并...
代码星球 ·2021-02-15

[转]CSS如何设置html table表格边框样式

原文地址:http://www.divcss5.com/wenji/w503.shtml对table设置css样式边框,分为几种情况:1、只对table设置边框2、对td设置边框3、对table和td技巧性设置表格边框4、对table和td设置背景,实现完美表格边框以下DIVCSS5对以上几种实现html表格边框样式进...

[转]CSS Display(显示) 与 Visibility(可见性)

display属性设置一个元素应如何显示,visibility属性指定一个元素应可见还是隐藏。 隐藏一个元素可以通过把display属性设置为"none",或把visibility属性设置为"hidden"。但是请注意,这两种方法会产生不同的结果。visibility:hidden可以隐藏某个元素,但隐藏的元...

【转】如何建立一个样式新颖的CSS3搜索框

在线演示搜索框大概是web开发中最常用的UI元素之一,我想基本没有必要去介绍如何使用它。无论是网站还是web应用,都会为了增强用户体验而添加它,那么你是不是也想过设计一个别致的搜索框?在今天的文章中,大家将会学到如何使用伪元素来创建一个超酷的CSS3搜索框。当然在开始介绍前你也可以下载源代码或者查看在线演示。HTML举...

【转】css布局居中和CSS内容居中区别和对应DIV CSS代码

原文地址:http://www.divcss5.com/jiqiao/j771.shtmlcss布局居中和CSS内容居中区别和对应DIVCSS代码教程与图文代码案例篇对于新手来说DIVCSS布局居中与DIVCSS内容居中常常搞混,摸不着头脑。这里DIVCSS5重点为介绍关于布局居中与内容居中区别、CSS代码、作用、用法...

【转】一个DIV+CSS代码布局的简单导航条

原文地址:http://www.divcss5.com/shili/s731.shtml简单的DIVCSS代码布局实现导航条一个蓝色主题的导航条布局案例,本CSS小实例,采用DIVCSS实现。同时不用图片做背景,直接使用背景色实现,鼠标经过悬停对应栏目名称是对应背景蓝色变深。导航条部分效果截图一般导航条采用ulli列表...

【转】div居中代码 DIV水平居中显示CSS代码

原文地址:http://www.divcss5.com/rumen/r622.shtml如何使用CSS让DIV居中显示,让div水平居中有哪些CSS样式呢?需要的主要css代码有两个,一个为text-align:center(内容居中),另外一个为margin:0auto;其两个样式需要配合使用才能实现div盒子的居中...

[转]DIV+CSS和TABLE的区别

现在全国大大小小的网站都在搞一场技术“革命”,就是所谓“网站重构”说简单点就是DIV+CSS进行网站制作。用DIV+CSS代替传统的Table制作框架和美化页面。百度搜索优化   在重构之前,肯定要了解为什么重构,为什么要用DIV+CSS技术?了解了这个问题,那么大家才有使用此技术重构网站的动力。各大CSS学...
代码星球 ·2021-02-15
首页上一页...7891011...下一页尾页