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

前端技术 2023/09/02 CSS

一个看起来比较舒服的文本框样式，关键点在黄色背景那几点复制代码代码如下: .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14p...

前端技术 2023/09/02 CSS

复制代码代码如下: #header .nav-box { background:url(images/nav-box-bg.gif) left top repeat-x; width:100%;} repeat-x是横向铺满，就是在#header .nav-box中，图片nav...

前端技术 2023/09/02 CSS

原来只明白position:relative是相对定位，position:absolute 是绝对定位；经常看到图片轮播的下方有个半透明背景的文字描述。我现在要做这样一个效果，因为不是轮播，所以没去找插件，想自己写。半透明背景可以设置属性background...

前端技术 2023/09/02 CSS

tr是html标签中行的标记，在web开发中，有时候我们为了美观需要修改行的属性。比如tr的边框。如果我们按照如下的形式修改tr的属性就大错特错了. 复制代码代码如下: tr{ border:1px solid #DDDDDD; } 这样是没有任何效果的。因为表...

前端技术 2023/09/02 CSS

一.层的横向居中复制代码代码如下: <style> #div1{width:600px;height:600px;} #div2{width:400px;height:200px;} </style> <divid=\"div1\"> &l...

前端技术 2023/09/02 CSS

演示地址：CSS Triangles Demo 本文两种实现方式: 使用或不使用 before 和 :after 伪元素(伪类,pseudo-elements) 最近重新设计了我的网站，准备添加tooltips提示信息效果.实现很容易，但我想要让提示功能具有三角...

前端技术 2023/09/02 CSS

可以在background属性中设置所有的背景属性。可以设置如下属性： •background-color 颜色 •background-position 位置 •background-size 大小 •background-repeat 如何重复背景图像 •b...

css固定表头、行头样式代码

前端技术 2023/09/02 CSS

复制代码代码如下: <style type=\"text/css\"> <!-- body,table, td, a {font:9pt;} /*重点：固定行头样式*/ .scrollRowThead{position: relative; left: exp...

前端技术 2023/09/02 CSS

响应式设计目前非常流行自适应设计与响应式设计，而且经常让人混淆，自适应设计不应与自适应布局混为一谈，它们是完全不一样的概念。在这先说明下这两者的异同：自从移动终端飞速发展以来，各种各样的机型突飞猛进，很多网站的解决方法，是为不同的设备提供不同的网页，比如专门提供一个mobile...

前端技术 2023/09/02 CSS

关于:nth-child和:nth-of-type的区别之前一直没太注意。最近打算深入了解一些CSS3，才发现里面其实暗藏玄机。 :nth-child可以选择父元素下的字元素，:nth-of-type也可以。但是它们到底有什么区别呢？其实区别很简单：:nth-...

关闭

我的博客