上篇文章主要介绍了CSS样式更改篇中的字体设置Font&边框Border设置，这篇文章分享列表、表格和轮廓，一起来看看吧。1.列表List1).列表的类型<ul style='list-style-type:square'><li><li><ul>none无标记disc实心圆circle空心圆s …
css outline
之前也有写过 CSS 优惠券样式《CSS3径向渐变实现优惠券波浪造型》，这次再来温习一遍，并且将更为详细的讲解，从布局到具体样式说明，最后定义 CSS 变量，自定义主题颜色。布局布局 其实是学习前端的重要部分，最常用的方式就是从上而下、从左而右、亦或者两个相结合。看上图，而这里，我们就只是最简单的布局方式，从上而下：1、优惠券金额和过期时间2、优惠券描述3、 …
CSS background是最常用的CSS属性之一。然而，并不是所有开发人员都知道使用多种背景。这段时间都在关注使用多种背景场景。在本文中，会详细介绍background-image`属性，并结合图形来解释多个背景使用方式以及其实际好处。如果你还了解 CSS background 属性，可以去先 MDN 查看相关的知识。介绍CSS background属性 …
爬取一个网页，我们需要了解一下网页的结构，如果想要深入学习，建议看一下《网页设计与制作》，这本书讲述较为详细，推荐阅读。网页的三大组成部分——HTML、CSS、JavaScript，如果把网页比作一个人的话，HTML相当于骨架，JavaScript相当于肌肉，而CSS相当于皮肤，三者结合起来形成一个完整的网页。1.HTMLHTML（Hyter Markup …
设置边框最常使用border，比如这样：border: 1px dashed #333;这是最常规的方法了，今天再来说说其他两种方法，outline方式background方式outline方法这也算是一种比较常规的方法了，outline: 1px solid;但需要注意的是，outline是在容器的最外部，与border的渲染还是有点区别的，同时对比下：b …
#暑期创作大赛#outline.js - 自动生成文章导读（Table of Contents）导航的 JavaScript 工具。会自动分析文章中的标题（ h1~h6 ）标签，并生成文章段落层次结构的导读导航菜单。创作灵感AnchorJS 是 outline.js 的创作灵感来源。既然 AnchorJS 可创建标题的链接，为什么不直接给文章生成一个文章导读 …
前两篇文章我们把「Web前端开发进阶篇」CSS样式讲解完了，接着我们来讲解下一篇文章，关于CSS框模型的内容知识，小伙伴们跟上我的节奏，动起来，Let's go！【引言】CSS框模型（也就是常说的盒子模型）就是在网页设计中经常用到的CSS技术所使用的一种思维模型。css中的框模型是css的基础，框模型的理解可以帮助我们很好的掌握页面中的布局，进行对样 …
紧接着上一篇文章「Web前端开发进阶篇」CSS样式（下），我们来写下一篇文章哈，小伙伴们跟上我的节奏，动起来，Let's go！【引言】讲解之前呢，咱们还是有必要复习一下的，俗话说“温故而知新，可以为师矣”嘛，上一篇文章说了CSS样式中的背景，包括背景图像、重复、定位、大小、还有关联，还有CSS文本，包括文本字间隔、字母间隔、字符转化、文本修饰、空白 …
今天，分享一波唯美的边框，可增加我们的项目"亮"点，让用户爱起来。渐变边框动画事例地址：https:codepen.iomike-schultzpenNgQvGOCSS Animation Effect Border事例地址：https:codepen.iouiswaruppenRBByzW悬停事例地址：https:codepen.iogia …
outline与border的异同：边框的设定在web设计中使用率非常的高，border:1px solid #00f;属于标准的边线写法，也可以实现单方向边线border-left:1px solid red;在CSS标准盒模型中，边线border是计算在容器总宽度和高度之中的，但随着web布局要求越来越高，自适应布局应用逐渐广泛，横向排布四个div 各占 …