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

前端技术 2023/09/06 CSS

一，background-position：（图片定位）三种写法： 1）：按％比，左上角最小（0％，0%），右下角最大（100%，％100）；2）：（x,y）左上角最小（0，0），右下角最大（max，max）；3）top，center，left，right，bottom；二...

前端技术 2023/09/06 CSS

复制代码代码如下: <div style=\"width:1000px;margin:0 auto;\"> <div style=\"background-color:red; text-align:left;\"> 区块1 </div> &...

前端技术 2023/09/06 CSS

　　今天要分享的这款菜单是基于CSS3的下拉菜单，功能非常强大，下拉菜单中不仅拥有背景色渐变的菜单项，而且还带有分享按钮的菜单项，为了让菜单更加美观，每一个菜单项都带有非常漂亮的小图标，而且在下拉菜单中还有鼠标滑过缩进的动画特效。　　接下来我们来具体解说一下实现这款CSS3...

前端技术 2023/09/06 CSS

国内的设计师大都喜欢用px，而国外的网站大都喜欢用em和rem，那么三者有什么区别，又各自有什么优劣呢？下面给大家详细介绍下。 PX特点 1. IE无法调整那些使用px作为单位的字体大小； 2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位； 3. Fi...

Web页面布局方式小结

前端技术 2023/09/06 CSS

1、元素漂移把一个元素从页面流中移走，漂移到某个方向，其它块元素会置于这个元素下面，当有内联元素注入其他块元素时，内联元素会环绕着这个元素 #amazing{ width: 200px; float: right; } 如图：如果其他元素要避开这个元素复制代...

前端技术 2023/09/06 CSS

希望达到的效果：方法一：鼠标点击文本框时文字消失复制代码代码如下: <input id=\"login_name\" type=\"text\" onblur=\"javascript:check_login_name();\" onfocus=\"...

前端技术 2023/09/06 CSS

单行文本居中比较简单，就是将line-height设置成和height一样就可以了，但是对于多行文本，这种方式就行不通了，除了第一行，下面的就都看不到了。多行文本垂直居中的CSS需要这么设置：复制代码代码如下: /*多行居中对齐的方法，width，heigh...

前端技术 2023/09/06 CSS

在IE6.0字体设定为中的时候，如果字体未做任何CSS设定或者元素的设定，默认的字体是12pt，或者16px，或者1em，或者font size=3。em、px、pt的换算关系如下： 1em=16px 1em=12pt 1px=1/16 em=0.0625em ...

前端技术 2023/09/06 CSS

本文实例讲述了纯css实现蓝色圆角效果水平导航菜单代码。分享给大家供大家参考。具体如下：这是一款可爱的蓝色圆角水平导航菜单，用到几张背景图片，我觉得这款菜单挺实用，特别是用在个人博客中非常合适。在兼容性方面做的也很好，几乎兼容所有的浏览器。运行效果截图如下：在线演示地址...

前端技术 2023/09/06 CSS

找一个虽然不是很好看，但设置起来比较复杂的吧：彩色底纹－强调文字颜色6 Word中的效果如图示：【样式分析】： Word中设置表格格式，主要是设置边框和底纹，可选定整个表格或者部分单元格右击→表格属性→边框和底纹，打开“边框和底纹”对话框进行设置或察看，简单...

关闭

我的博客