CSS - 分享生活和学习中的点点滴滴

前端技术 2023/09/09 CSS

所谓省略就是把多余的字以“...”显示出来，而显示则是当鼠标移动到td上时，把省略的字重新显示出来。对于一个table，兼容IE与FF、Chrome的省略方式CSS写法：复制代码代码如下: table{ width:200px; table-layout: f...

前端技术 2023/09/09 CSS

以前的兼容复制代码代码如下: <span class=\"class\">.transparent_class</span> <span class=\"rules\">{ <span class=\"rule\"&g...

前端技术 2023/09/09 CSS

复制代码代码如下: <div id=\"a\" style=\"width:500px\"> <div id=\"b\" style=\"width:300px;float:left\"> </div> <div id=\"c\" st...

前端技术 2023/09/09 CSS

好久没有处理过IE6下的兼容问题了，今天有朋友碰到过input[type=\"submit\"]和button[type=\"submit\"]在IE6-7下会出现黑边，就算是你在样式中重置了一个border属性也是如此。真是蛋疼的很。后来经过查找相关的资料，终于找到了解决方法...

前端技术 2023/09/09 CSS

一.水平居中　　　　行内元素和块级元素不同,对于行内元素,只需在父元素中设置text-align=center即可; 　　对于块级元素有以下几种居中方式:　　　　1.将元素放置在table中,再将table的margin-left和margin-right设置成auto,将...

前端技术 2023/09/09 CSS

一、浏览器默认处理文本换行现在的浏览器对文本的换行处理还是比较合理的，当文字超过容器宽度时会自动换行，那么它是怎么自动换行的呢？即：当一行的末尾容纳不下下一个文字或单词时，就会自动换行，英文单词不会被截断，相当于一段默认的css:复制代码代码如下:{ word-wra...

前端技术 2023/09/09 CSS

实现原理很简单： 1，使用appearance:none去除select的默认样式； 2，配合使用gradient、background-size,background-position,拼出自定义的样式我定义的样式和浏览器默认给出的样式没多大差别，主要是简单实现一下，大家可...

CSS3实现swap交换动画

前端技术 2023/09/09 CSS

直奔主题：首先得将HTML结构设计好,一个固定的窗口,然后一个带有黑色背景的笑脸 XML/HTML Code复制内容到剪贴板 <div><span>☺</span></div> 笑脸居中我们用最新的布局fle...

前端技术 2023/09/09 CSS

今天在做一个网页的项目，例如：复制代码代码如下:<div runat=\"server\" class=\"export\">请不要直接打开此页面</div> <button class=\"Btn\" onclick=\"jav...

你应该知道的3个CSS技巧

前端技术 2023/09/09 CSS

各种浏览器之间的竞争的白热化意味着越来越多的人现在开始使用那些支持最新、最先进的W3C Web标准的设备，以一种更具交互性的方式来访问互联网。这意味着我们终于能够利用更强大更灵活的CSS来创造更简洁，更好维护的浏览器前端代码。现在让我们来看一看一些也许你还不知道的让人兴奋的CS...

关闭

我的博客