![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML+CSS
文章平均质量分 57
大瑞子
这个作者很懒,什么都没留下…
展开
-
CSS实现小箭头
在进行设计页面的时候,往往会遇到列表的前面或者文字的后面需要用到箭头的情况,我们可以直接用图片作背景填充,也可以用CSS代码实现,使用后者会比较方便,兼容性顾虑相对而言也会减少。小了解:在这里使用了两种方法实现,第一种是利用CSS3中的【transform】,我们可以先实现一个没有背景填充小正方形,设置它的边框、翻转就可以实现;第二种是利用伪类【:after】,设定一个高宽相等的正方形,选取...原创 2018-07-22 22:32:32 · 8398 阅读 · 0 评论 -
CSS导航栏及下拉菜单
导航栏对于一个网站来说非常重要,熟练地使用CSS可以转换成好看的导航栏而不是枯燥的HTML菜单。导航栏基本上是一个链接列表,所以使用 <ul></ul>和 <li></li> 元素非常有意义,导航栏就是建立在列表标签的精确熟练使用上。小复习:伪类的使用方法(图片来源于W3Cschool)(一)垂直导航栏示例 ...原创 2018-07-30 19:17:15 · 8347 阅读 · 2 评论 -
记录一则【HTML中图片映射map及area标签的使用】
这几天在做网页的时候,有时候会需要一张图片中的局部产生链接,也就是<map></map>标签,而此标签可以和 <area>标签一起使用,来达到定义图像的映射(图像映射指的是带有可点击区域的图像)。<area>标签和<a>标签的区别不是很大,前者可以定义链接的区域。几个属性: shape :表示点击热点区域的...原创 2018-08-09 18:18:44 · 914 阅读 · 0 评论 -
一些有关盒子模型的话
之前知道盒子模型,但是没有进入到更深层次的理解中去,昨天晚上在做一个页面内的导航栏时,出现了很多问题。所以今天在这里将有关盒子模型以及自己出现的问题整理一下,加深巩固。 1、什么是盒子模型? 网页中间每一个元素都被表示为一个矩形的盒子,这个盒子的各种属性是浏览器渲染的目标。CSS中规定了盒子的包装样式,盒子的摆放位置,盒子的长宽高等等,开发的页面就好...原创 2018-08-01 19:13:32 · 956 阅读 · 0 评论 -
学习笔记之【z-index属性值无效的问题所在】
今天在写页面的时候发现层布局中设置的z-index起不了任何作用,在查阅文档后,发现了问题所在,特意总结如下,以免以后遗忘。(截图来源于W3Cschool) z-index是针对网页显示中的一个特殊属性。因为显示器是显示的图案是一个二维平面,拥有x轴和y轴来表示位置属性。为了表示三维立体的概念如显示元素的上下层的叠加顺序引入了z-index属性来表示z轴的区别。表示一个...原创 2018-08-02 20:24:41 · 845 阅读 · 0 评论 -
HTML链接CSS的方法
一个前端页面开始的须知——HTML链接CSS的方法&优先级原创 2019-05-05 16:04:55 · 8204 阅读 · 0 评论