随笔分类 -  CSS

通过写博客的方式对CSS知识进行积累
摘要:字体图标的制作方法有这样几种: 1. img法; 2. background法; 3. sprites雪碧图或精灵图; 4. font法; 5. SVG法;(推荐) 6. CSS动手画。 方法一,img法,使用Photoshop软件进行切图和修图,实现设计师交给我们的设计稿。设计师可能会给我们两种格 阅读全文
posted @ 2018-01-16 11:16 程澄 阅读(1004) 评论(0) 推荐(0)
摘要:在平时写网页样式的时候,元素居中应该是最常见不过的了,在这里我们把常见居中的情况简单总结一下。本文讨论以下几种情况:内联元素、块级元素、浮动元素、绝对定位元素。居中的情况分两种情况:水平居中和垂直居中。刚接触到居中,我想到的是两个方向,一是使元素内部的所有元素相对于此元素居中,另一个是元素在其他元素 阅读全文
posted @ 2018-01-11 23:42 程澄 阅读(1184) 评论(0) 推荐(0)
摘要:在刚接触CSS的时候,每次给元素添加样式,都习惯性的写上宽是多少,高是多少,为自己挖坑无数,还暗自抱怨说CSS好烦,不过它真的是好烦,脾气很怪。 好,言归正传。在讨论元素的宽高是如何确定的之前,我们先明确一下文档流的概念:对于内联元素,是从左到右排列的,当宽度不够时换行;对于块级元素,是从上到下排列 阅读全文
posted @ 2018-01-11 19:26 程澄 阅读(3647) 评论(0) 推荐(1)
摘要:我们在浏览新闻的时候经常看见这样的效果,在将新闻的亮点总结成一句话的时候网页上不能完全展示,这时我们就会被要求做成这种文本溢出部分用省略号代替的效果。这样的效果分为两种情况,一种是单行文本,另一种是多行文本。 i. 单行文本时,我们这样写: 效果图: ii. 多行文本时,我们这样写: 适用于支持we 阅读全文
posted @ 2018-01-09 13:37 程澄 阅读(377) 评论(0) 推荐(0)
摘要:在学习前端知识的过程中,我把HTML和CSS知识作为我的入门级语言来接收,从今天开始写关于CSS知识有关的博客,那么,今天简单介绍一下CSS知识的入门级常识。 了解一门语言,像很多课程一样,我们从来源和历史开始。 CSS出现在HTML(超文本标记语言)之后,在CSS出现之前,很多样式都是通过HTML 阅读全文
posted @ 2018-01-08 16:32 程澄 阅读(383) 评论(1) 推荐(0)