• 在线制作自定义字体

    本文介绍如何使用现有的免费工具制作自定义的字体。 我们将会用到下面几个免费的在线工具 。 1) IconMoon ( https://icomoon.io/app/#/select/font ) IconMoon是一个优秀的免费创建自定网页图标字体的工具。提供一个在线的字体制作APP,也提供离线版的Chrome插件, 同...

    2018-06-24 00:29:04 css文件css代码html实体

  • 用字体在网页中画Icon图标

    第一步,下载。IcoMoon网站选择字体图标并下载,解压后将fonts文件夹放在工程目录下。fonts文件夹内有四种格式的字体文件: 注:由于浏览器对每种字体的支持程度不一致,要想在所有浏览器中都显示字体图标,必须同时引入这些字体文件。 第二步,使用@font-face规则。在...

    2018-06-24 00:28:39 css文件

  • 网站换肤

    网站换肤,之前感觉总是很神奇啊,今天就来总结一下。我写的就是两种思路。 首先都需要建一个css文件夹,里面存放不同颜色的css文件:blue.css; red.css; yellow.css; green.css 在这几个文件中分别写好要改变的样式。 接下来就是html文件,首先第一种思路:只写一...

    2018-06-24 00:28:16 css文件

  • 浅谈sass与less区别优缺点

    Sass是一种动态样式语言,Sass语法的缩排语法,比Css比多出很多功能,如变量,嵌套,运算,继承,颜色处理,函数等,易于阅读。Cass的安装需要安装Ruby环境,是服务器端处理的,Less是需要引入Less.js来处理代码输出css到浏览器,也可以在开发环节使用Less,然后编译成c...

    2018-06-24 00:27:21 css文件

  • css之浮动

    标准文档流 将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流.每个非浮动块级元素都独占一行, 浮动元素则按规定浮在行的一端. 若当前行容不下, 则另起新行再浮动. 标准流的微观现象 空白折叠现象 图片也是一样,图片和表单元素可以看成是文字...

    2018-06-24 00:26:52 css文件

  • 【Bootstrap】2.作品展示站点

    假设我们已经想好了要给自己的作品弄一个在线站点。一如既往,时间紧迫。我们需要快一点,但作品展示效果又必须专业。当然,站点还得是响应式的,能够在各种设备上正常浏览,因为这是我们向目标客户推销时的卖点。这个项目可以利用Bootstrap的很多内置特性,同时也将根...

    2018-06-24 00:26:15 css文件html文档

  • 【CSS】过渡、动画和变换

    1. 使用过渡 过渡效果一般是由浏览器直接改变元素的CSS属性实现的。例如,如果使用:hover选择器,一旦用户将鼠标悬停在元素之上,浏览器就会应用跟选择器关联的属性。 ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title Example / title style type ="...

    2018-06-24 00:25:42 css文件css代码html文档

  • css预处理器sass使用教程(多图预警)

    css预处理器赋予了css动态语言的特性,如变量、函数、运算、继承、嵌套等,有助于更好地组织管理样式文件,以及更高效地开发项目。css预处理器可以更方便的维护和管理css代码,让整个网页变得更加灵活可变。对于预处理器,广泛使用的有less和sass。在这不做对比,2者大...

    2018-06-24 00:24:47 css样式表css文件css代码css规则html文档

  • sass+require实现侧边栏

    一、效果图(如下)及使用的技术 实现用sass实现页面中右侧固定侧边栏的样式,用require.js实现返回顶部的功能 二、sass 具体的sass的介绍就不多说了,大家可以参考sass官网介绍,下面说一下sass的两种编译方法; a、koala编译 koala 是一款桌面程序,支持 less 、 sas...

    2018-06-24 00:23:24 css文件

  • 前端工程师如何搞定设计

    前端是一个承上启下的职位,正因为其位置的特殊性导致其必须了解设计和后台的一些基本知识。本文并非教大家如何取代设计的工作,而是讲解前端如何更快更便捷的实现一些简单的设计任务,在没有设计师的情况下如何利用工具解决UI呈现的问题,让工作事半功倍。 Photoshop...

    2018-06-24 00:22:44 js框架前端js框架css文件导入cssadobe photoshop前端开发前端工程师前端ui页面设计