Css

HTML+CSS要点

1.td占据多行/列时,其挤开的td不写(但是包裹td的tr要写)2.display:td的元素中的文本默认垂直不居中(table中的td中的文本是垂直居中的)3.th虽然定义了表头标题,但是默认不跨行(需要跨行要用colspan)4.text-indent可以继承5.<form></form>...
代码星球·2020-05-16

css禁止鼠标双击选中文字

 div{-moz-user-select:none;/*火狐*/-webkit-user-select:none;/*webkit浏览器*/-ms-user-select:none;/*IE10*/-khtml-user-select:none;/*早期浏览器*/user-select:none;}&nbs...

css固定table中的某个tr不滚动

/**css部分**/<style>/**固定不滚动**/.fixedHead{position:relative;top:expression(this.offsetParent.scrollTop-2);}</style>-----------------------------------...

强制css属性生效

今天在写一个隐藏滚动条的css时,设置的overflow-x:hidden;overflow-y:scroll;属性死活不生效,在谷歌浏览器中查看,发现这两条属性是被划掉的。如图。这表明别处有设置的属性将他屏蔽掉了,页面代码太多,我也不知道去哪儿找,就直接强制使他生效了。 overflow-x:hidden!...
代码星球·2020-05-14

css实现渐变

.gradient{background:-webkit-gradient(linear,00,0100%,from(#8ca0d3),to(#375a9a));/**ChromeSafari**/background:-moz-linear-gradient(top,#8ca0d3,#375a9a);/**FireF...
代码星球·2020-05-14

css3制作优惠券

<div class="demo-container demo"><style>  .demo{width:410px;}  .stamp *{padding: 0;margin: 0;list-style...
代码星球·2020-05-13

【Web前沿技术】纯 CSS3 打造的10个精美加载进度条动画

之前向大家介绍8款优秀的 jQuery 加载动画和进度条插件,今天这篇文章向大家推荐10个纯 CSS3 代码实现精美加载进度条动画效果的方案。加载动画和进度条在网站和Web应用中的使用非常流行,特别是在使用 Ajax 技术加载内容的应用场景中,使用时尚的加载动...

20个非常绚丽的 CSS3 特性应用演示

这篇文章收集了20个非常绚丽的CSS3效果应用演示,这些示例演示了CSS3各种新特性的强大能力。随着越来越多的浏览器对 CSS3 支持的不断完善,设计师和开发者们有了更多的选择,以前需要使用 JavaScript 才能实现的各种很酷的界面效果和动画,如今使用纯CSS代码就可以很容...

使用CSS3美化复选框checkbox

我们知道HTML默认的复选框样式十分简陋,而以图片代替复选框的美化方式会给页面表单的处理带来麻烦,那么本文将结合实例带您一起了解一下使用CSS3将复选框checkbox进行样式美化,并且带上超酷的滑动效果。查看演示 下载源码HTML通常我们使用以下html结构,我们给复选框定义id#checkbox_a1,然...

CSS 盒子模型(Box model)中的 padding 与 margin

   本文将讲述HTML和CSS的关键—盒子模型(Boxmodel)。理解Boxmodel的关键便是margin和padding属性,而正确理解这两个属性也是学习用CSS布局的关键。  如果有一点HTML基础的话,就应该了解一些基本元素(Element),如p,h1~h6,br,div,li,ul...

CSS中的块级元素与行级元素

最近初学CSS时对块级元素与行级元素有时会产生混淆,写篇博客记录一下自己对其的理解。先从概念上来看:块级元素特点:1.每个块级元素都是独自占一行,其后的元素也只能另起一行,并不能两个元素共用一行。   2.元素的高度、宽度、行高和顶底边距都是可以设置的。     3.元素的宽度如果不设置的话,默认为父元素的宽度。常见的...

CSS+DIV之强化background属性

1.背景颜色属性(background-color),设定背景颜色=html中bgcolor属性。我来写一个红色背景的body,(也可以定义某个特定区域)  示例写法:body{}  2.背景图片属性(background-image),设定背景图片=html中background属性,为body设置一个背景图片。  ...

CSS中强大的EM

使用CSS也好久了,但一直都是在使用“px”来设置Web元素的相关属性,未敢使用“em”。主要原因是,对其并不什么了解,只知道一点概念性的东西,前段时间在项目中要求使用“em”作为单位设置元素,所以从头对“em”学习了一回。...
代码星球·2020-05-12

03.Web大前端时代之:HTML5+CSS3入门系列~H5功能元素

Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html2.功能元素1.hgroup对网页或区段(section)的标题进行组合2.figure<figure> 标签规定独立的流内容(图像、图表、照片、代码等等)...

CSS学习笔记——定位position属性的学习

今天学习之前剩下的一个问题:CSS的position属性。首先归纳出和position相关的问题:position作为一个属性,它一共有哪几个属性值?position常用的属性值有哪几个?分别有什么特点?第一个问题:position作为一个属性,它一共有哪几个属性值?   对于position属性,他一共有5个值,分别...