文章目录

 css教程文章实例

css教程文章分享众多相关实例,熟练之后将会掌握css选择器、样式、布局等的使用。网站是靠css样式来控制的,因此一定要熟练掌握css布局、代码等知识。

完美解决table中td里面的内容自动换行

对于将td里面的内容自动换行,在很久以前就遇到的了,但是一直没有完美的解决。 今天要打印一个报表,有一列中的内容太长,将table撑得老长实在是影响观感。 于是下决心一定要解决td内容自动换行的问题。 网上有很多说可以解决的,大致有以下几种。 1、在table中加table-layout:fixed; 2、在td中加word-wrap:brea

2018-08-03 11:50 阅读(309)

css中的transparent是什么意思有什么作用?

经常在别人网站的样式表中,看到有用transparent这个的,但是不知道是什么意思? 于是就去查了一下相关资料,在这里分享一下。 transparent是用来指定全透明色彩。 transparent是全透明黑色(black)的速记法,类似于rgba(0,0,0,0)这样的值。 在CSS1中,transparent被用来作为background-colo

2018-04-06 22:15 阅读(494)

css禁止选择复制某区域或元素无需js代码

某些网站,你想复制些内容,但是移动鼠标却无法复制选择。 想必这样的问题小伙伴们都有遇到过吧? 有些是使用javascript来禁用了鼠标右键,有些是禁用了复制选择。 但这些都是针对整个页面的。 那么有没有只针对某个区域,或是某一块元素来设置禁止选择复制呢? 如下图: 有,而且只需使用css就可以。 请看下面这段

2018-02-02 15:21 阅读(549)

clearfix清除浮动相关解决方案

前面我们有写过一篇《clearfix清除浮动如何使用》的文章,但是仍然有许多小伙伴希望能有一些更加清晰的实例。 所以今天再来讨论一下clearfix清除浮动相关解决方案。 容器与 overflow: auto 清除浮动元素的最简单方法是使用overflow: auto,这个解决方案适用于现在的大部分主流浏览器。 div style="overflow:

2018-01-26 09:59 阅读(561)

使用css将table td边框合并为细边框

还记得第一次使用table的时候,无论怎么弄,边框都不是自己想要的效果。 因为只想让框边成为一条细线,当时就在想有这么难吗? 不过后来还是解决了,今天突然想起,就简要的写一下分享出来。 希望对遇到这样问题的小伙伴有所帮助。 对于这个问题,有一个俗语叫做“table边框合并”。 最主要就是用到border-collapse: collapse;这

2017-12-13 22:07 阅读(665)

css去掉超链接点击时的边框虚线

今天在群里,有小伙伴问了一个问题:如果将点击超链接时出现的边框虚线去掉。 关于这个问题,小编以前给一个朋友做网站的时候,他也提到了这个要求。 当时也是丈二和尚摸不着头脑,网上也还没有相关的资料,csdn上面也没有找到相关的问题。 后来自己摸索,outline是轮廓的意思,在css中就是元素周围的一条线,如果将outline设置为none不是就解决了吗?

2017-10-07 20:42 阅读(663)

css在图片上叠加层(其他图标)

有时我们在网上购物的时候,经常会看到产品图片上面,会有“特价”、“国庆”等标签。 一般人可能会无所谓,但是对于我们这些做前端的,想法就不一样了。 会想这是如何做到的呢?css样式怎么写呢? 所以今天小编分享的就是,如何在图片上叠加层(其他图标)。 html代码stylebody{font-size:12px;}div{width:366px;d

2017-09-19 21:51 阅读(617)

css float属性使用方法详解

css中float属性的作用,是定义元素在哪个方向浮动。 float有四个值可选,分别是: left:元素向左浮动。 right:元素向右浮动。 none:默认值。元素不浮动,并会显示在其在文本中出现的位置。 inherit:规定应该从父元素继承float属性的值。 在网页设计中,float属性是经常都会用到的。 比如说将多

2017-09-19 17:39 阅读(405)

css display属性用法详解

css display属性,小编觉得是用得最多的,至少编写三体教程的时候,许多地方都用到了。 不管是span、div、p标签都可以使用display属性。 常用display div{display:block;} 有换行的作用,它是一个块。 div{display:none;} 将元素及对应的内容隐藏。 div{displ

2017-09-16 23:19 阅读(436)

css margin-top属性用法详解

对于margin属性,如果只设置一边,要么是简写,要么是写全称。 今天我们就来讲讲margin-top属性。 它有两个值,分别是auto和inherit。 p{margin-top:50px;} 意思就是设置p元素的上外边距为50像素。 当然,值也可以设置为负值。 p{margin-top:-50px;} 当为负值的时候,如

2017-09-16 23:06 阅读(284)

 1  2   下一页    尾 页  

数据更新时间:2018-12-19