![](https://img-blog.csdnimg.cn/20190927151101105.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
HTML+CSS
学习和使用HTML+CSS过程中的心得体会和案例
似水の流年_2019
这个作者很懒,什么都没留下…
展开
-
CSS指北——浮动(Floating)规则详解
1. 前言很长一段时间以来,浮动元素是我们所有web布局方案的基础。尽管如今主流的布局方案为弹性盒布局和栅格布局,但浮动仍是布局中常用的方法。浮动的概念很简单,向左浮动、向右浮动或者不浮动,但深究其详细规则却不容易。(浮动的用法传送门)2. 包含块(containing block)在开始深入研究浮动的细节之前,首先要建立一个包含块(containing block)的概念。浮动元素的包含块...原创 2020-01-08 08:50:54 · 1091 阅读 · 0 评论 -
HTTP状态码总结
TTP状态码(英语:HTTP Status Code)是用以表示网页服务器超文本传输协议响应状态的3位数字代码。它由 RFC 2616 规范定义的,并得到 RFC 2518、RFC 2817、RFC 2295、RFC 2774 与 RFC 4918 等规范扩展。所有状态码的第一个数字代表了响应的五种状态之一。所示的消息短语是典型的,但是可以提供任何可读取的替代方案。 除非另有说明,状态码是HTTP...转载 2020-01-05 18:51:01 · 125 阅读 · 0 评论 -
CSS3多级菜单导航栏、侧边菜单栏
1. 简单的导航栏首先通过一个入门级的导航栏来练习一下1.1 先布局好html的结构1.2 通过css样式得到想要的导航效果上面第一个例子让大家简单的了解了菜单栏的原理,在不同过js的情况下,就可以轻松实现二级菜单栏,三级菜单也可以在此基础上添加。至于一些细节的处理,就要靠大家自己去调整了。在例子一中,其实还有个坑,就是在二级菜单展示之后,会影响下方容器的布局。从上图中...转载 2019-12-17 16:26:38 · 4736 阅读 · 1 评论 -
CSS3设计网页阴影特效艺术字
1. 前言利用CSS3新增的text-shadow属性可以生成文本阴影,在HTML文档中实现火焰特效、发光特效、凸起和镶嵌特效、描边特效的艺术字效果,大大提高开发效率,无需链接图片文件,节约带宽。2. text-shadow属性介绍text-shadow属性的手册传送门2.1 语法:text-shadow:none | <shadow> [ , <shadow>...原创 2019-12-17 15:12:29 · 1753 阅读 · 0 评论 -
CSS实现多层嵌套列表自动编号
li标签选择器的特点之前认为标签选择器会对符合搜索条件的所有对应标签进行选择,直到最近做一个自动添加多层嵌套有序列表的项目,发现li:before {color:#f00; font-family:Times New Roman;} 的标签只对第一层的li目录起作用。依次类推,li li{ }只对第二层目录起作用,li li li{ }只对第二层目录起作用。多层嵌套有序列表的编号因此可以利用...原创 2019-12-13 23:53:47 · 1583 阅读 · 0 评论