首页 >
前端
Html5新元素figure标签如何使用？Html5新元素figure标签用法实例
Figure标签是Html5中的新标签新元素之一，新增这个新标签也过去很久了，我是在去年一次偶然的看到别人的网站上用的这个标签，但是也了解了一下，但是实际上也没有在前端模板制作中使用过这个标签。今天主要记载和学习一下Html5新元素figure标签如何使用？Html5新元素figure标签用法实例。…
- 2022年5月16日
- 1,085 次
使用Css3的transition和transform属性实现图片动态翻转效果实例
在Css3中加了不少很不错的新的属性，其中transition和transform两个是很不错的新属性，使用这两个属性就可以达到不用Js就可以实现图片动态翻转效果，个人感觉使用这两个新属性应该要比使用Js实现图片动态翻转效果的响应速度更快。本文将依次介绍transition和transform使用方…
- 2022年5月6日
- 1,136 次
使用Css3的Flex布局实例：元素横轴两头布局纵轴居中对齐
在Css3中有一个新的元素属性，display:flex;,这个新的Css3属性使得在网站前端人员中更加自如便捷的对前端页面进行布局。今天主要记载的就是Flex布局实例，来实现元素在横轴两段对齐，在纵轴上下居中对齐，这个实例以前端页面中的网站头部的logo区域和搜索框区域两部分组成，具体效果就是实现…
- 2022年5月4日
- 1,546 次
自适应网站导航栏Css实现横向滑动显示所有栏目名称
网站导航在前端制作中是很重要的一部分，在自适应网站中，对于导航栏的自适应也有很多种，大部分网站的处理方法是在页面小于768像素之后就对导航栏进行了隐藏，然后用导航菜单Icon图标来替代，当点击Icon图标后，导航栏所有栏目名称又显示出来，并在页面小于768像素的时候又重新对导航栏的样式进行了定义。而…
- 2021年11月3日
- 1,218 次
Html、Css中控制文字实现不换行超出部分隐藏显示省略号
很多时候在程序的前端模板中，调用网站文章标题的时候，部分标题很长，需要对这种特别长的标题文字进行处理，让这种特别长的标题文字实现不换行并让超出父级元素宽度的部分隐藏起来，并让隐藏的超出部分文字显示省略号，这需要对所包含标题的Html代码结构的Css进行设置。 例如李涛自留地的每个页面的侧边栏的热门文…
- 2021年11月2日
- 1,280 次
如何使用阿里云字体图标库iconfont？
在前面一篇文章中，介绍了《前端开发人员常用的字体图标库有哪些？》，介绍了三种常用的字体图标库，其中阿里云的字体图库iconfont是中国国内最大最成功的字体图标库，在国内也有很多前端开发人员使用阿里云的字体图标库iconfont,那么阿里云的iconfont字体图标库该如何使用呢？在iconfont…
- 2021年7月26日
- 2,265 次
前端开发人员常用的字体图标库有哪些？
字体图标是前端人员在前端页面开发制作中必不可少的一个元素，为什么这么说呢？在前端页面中运用字体图标，可以让我们的前端页面看上去更加美观，相比传统的图片图标或者精灵图片更加简单实用，而在后端页面管理中应该是必不可少的元素了，那么前端开发人员在前端开发中常用的字体图标库有哪些呢？哪些字体图标库用的最为广…
- 2021年7月6日
- 1,955 次
Css3实现网站多彩tags标签云模块
很多网站在建站时，都会制作一个Tags标签云模块，之所以在网站中布局这样的一个模块，多数是出于SEO和用户体验的考虑。Tags标签模块是一个一个Tag的a链接，Tags的内容页基本类似于网站的列表页，调用的数据基本上包含有共同关键词或者是共同特性的文章，这一模块如果设计成多彩样式，将更加吸引用户的眼…
- 2021年5月27日
- 1,775 次
jQuery实现网站导航跟随链接选中样式
在做网站过程中网站导航是比较重要的一个部分，一个好的导航可以给用户营造一个好的体验氛围，而导航点击后跟随选中样式就是一种很好的用户体验，让用户知道目前所处在网站的什么位置。在百度里查找了很久用jQuery实现网站导航跟随链接选中样式的js，找了很久才找到一个可以直接使用的Dome,大部分存在的问题就…
- 2021年3月1日
- 1,114 次
自适应网站图片如何自适应？
自适应网站是网站PC端和手机端公用一套网站模板，网站前端所有html、css可以随着浏览器的随意放大和缩小，而网站自身布局和样式不会产生太大变化的网站，自身网站的图片自适应也是自适应当中的一部分。如何让网站图片自适应呢？ 网站图片在网站轮播图、缩略图、文章中经常运用，其实在前端中让图片自适应还是很简…
- 2021年1月8日
- 1,101 次