![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 65
前端是工作也是生活
每多学一点知识就少些一行代码我坚持一直向前也希望能够交到志同道合的朋友
展开
-
怎样使div中的文字在div的底部显示?
如果你的div的高度是100px;那么你应该把行高设置成170左右(大约是div高度的二倍,具体的可以调,决定行高的主要原因是字体的大小),如果仅仅是这样的话,那么在IE6下就会出现div高度加倍的现象,解决的方法是在div的css样式里面加上overflow:hidden;举个例子:html代码: fsdfsdfcss代码:.one{ he原创 2013-06-04 09:02:04 · 15298 阅读 · 0 评论 -
原生js实现半透明遮罩层
弹出提示* {margin: 0;padding: 0;font-size: 12px;}html, body {height: 100%;width: 100%;}#content {background: #FFFFFF;padding: 30px;height: 100%;}#content a {font-size: 30px;color: #369;原创 2013-06-04 08:59:11 · 951 阅读 · 0 评论 -
Html5 表单验证和style css验证支持
Html5 表单验证和style css验证支持看看下面的这个示例:Login Username Password Register Username Password Email Homepage 验证很强大,如果不支持,我们可以使用jquery的验证模块,而且server端也会做验证,所以浏览器不支持对转载 2013-06-06 11:12:49 · 628 阅读 · 0 评论 -
CSS3新属性transition-property transform box-shadow
先看效果图:正常显示:鼠标经过时候的效果:CSS3新属性2013-05-21.test li:hover{border-color:#999;background-color:#bbb;color:#999;}.text{ margin:5px;float:left; background:原创 2013-06-06 15:33:00 · 1751 阅读 · 0 评论 -
CSS无图片实现小三角
效果图:方法一的效果图方法二的效果图方法三的效果图方法一:css代码:#top { position: absolute; width: 0px; height: 0px; line-height: 0px;/*为了防止ie下出现题型*/ border-bottom: 10px solid #89b007; border-left: 1原创 2013-06-06 15:24:32 · 1284 阅读 · 0 评论 -
javascript实现模仿迅雷电影评分
效果图:代码:无标题文档*{ margin:0; padding:0;}#mark{ margin:200px auto;height:50px; width:300px;/* border:#CCC 1px solid;*/ position:relative;}#mark ul{ height:100%; width:100%;}原创 2013-06-17 16:24:39 · 1303 阅读 · 1 评论