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

前端技术 2023/09/08 CSS

今天开始，认真学习前端技术，哈哈哈~~~加油~~~ 推荐这本《CSS网站布局实录》（第2版）给初级入门选手，虽然这本书年代有点久远，不过很经典。注明一下：这里讲述的CSS均为CSS 2.0版本。第一章 Web标准与CSS布局概述 1.1 Web标准的历史及发展 1.1.1 ...

前端技术 2023/09/08 CSS

新的一年开始了，得开始总结点东西了，以前只顾着写页面，也没做什么总结，从现在开始得改改了，随时随地记录一些应用中应该注意的东西，为自己也为他人。 1、fixed 在使用fixed属性的时候div的宽度不能自动继承其父元素，我们需要给他定义width:100%; 如果没有给他定位...

前端技术 2023/09/08 CSS

废话不多说，先看一下下面这段代码：复制代码代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv=\"Content-Type\" content=\"text/htm...

CSS多列布局实现方法大全

前端技术 2023/09/08 CSS

摘要：　　多列布局在网站应用中也是经常见到的，今天就分享4中多列布局。 display:table 复制代码代码如下:<style> .table { width: auto; min-width: 1000...

前端技术 2023/09/08 CSS

结构与层叠每个合法的文档都会生成一个结构树，有了结构树元素的祖先、属性兄弟元素等等创建选择器来选择元素，这是CSS继承的核心。继承是从一个元素向后代元素传递属性值所采用的机制。面向一个元素使用哪些值时，用户代理不仅要考虑继承，还要考虑特殊性，另外需要考虑声明本身的来源，这个过...

前端技术 2023/09/08 CSS

　　这是一款用纯CSS3打造的自定义Tooltip边框的应用，之前我们讨论过如何用CSS3来实现不同样式的Tooltip，今天的这款Tooltip却可以用CSS3来自定义边框，边框呈涂鸦风格。用CSS3实现自定义边框的好处是可以自适应边框内部的文字数量大小。　　下面我们来分...

前端技术 2023/09/08 CSS

ie7和ie6都不能识别 display: table-cell;（但是支持display: block等css1的属性！） ie8以及以后版本可以识别！ ie7和ie6能识别vertical-align:middle; 如果盒模型中间只有几段文字的话，设置li...

IE下css常见问题总结及解决

前端技术 2023/09/08 CSS

1、div的垂直居中问题：解决方法：将行距增加到和整个DIV一样高：复制代码代码如下:div{ height: 100px; line-height: 100px; text-align: center; or verti...

前端技术 2023/09/08 CSS

简单的左侧导航代码如下：复制代码代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv=\"Content-Type\" content=\"text/html; ...

前端技术 2023/09/08 CSS

很多css属性的取值都可以是百分比值。虽然形式上来说，百分比值都是数字后跟%的形式（注意数字和%之间不可以有空格），但在不同的使用场合下，其意义会有很多不同。因此，百分比值可以说包含了相当丰富的内容。百分比值是相对值要理解诸如100%这样的百分比值，其关键点是要明白，百分比是...

关闭

我的博客