如果这篇文章有帮助到你,给个❤️关注,❤️点赞,❤️鼓励一下作者,接收好挑战了吗?文章公众号首发,关注 程序员哆啦A梦 第一时间获取最新的文章
这里总结一下 WEB 前端面试 CSS 部分的常见问题,同时这些问题也是对一些基础的技术概念和思想的理解。对这些基本知识的掌握程度和深度决定了你的技术层级。高级工程师是必须掌握本文列出的这些知识的,资深工程师则要对这些基本概念的纵向深度进行挖掘。
border-collapse 属性是用来设置 table 表格的边框是否被合并为一个单一的边框,还是象在标准的 HTML 中那样分开显示。
CSS Font(字体)属性用来定义字体系列:大小,粗细和文字样式(如斜体).
优先级:离标签越近的选择器优先级越高,所以相同权重的样式后者才生效;内联样式表>头部样式表>导入样式表。
选择器就是css样式指定的作用在那些标签上;如果一个属性名有多个值,多个值之间使用 空格 隔开
导语 | 变体美术字设计是字体设计里重要的一部分,因为其的多变性极高,相较于字库字体,变体美术字 给人们的印象更为深刻;这篇文章从定义,类别,基本笔画,笔画形状,创造·改造变体美术字出发,带大家初步认识一下变体美术字的奇妙;自己的经验有限,如有说的不好之处欢迎大家补充。 作为视觉设计师,我们是不是经常遇到这种问题? 其实有时候解决这种问题很简单,你只需要对字体进行正确的处理,可能世界都不一样了。 画面的整体感觉和很多因素都相关,比如颜色,细节的小元素等等,这些都是影响画面感的重要因素,关于氛围的打造
一、字体属性 字体 font-family可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体,则会尝试下一个。浏览器会使用它可识别的第一个值。 body { font-family: "Microsoft Yahei", "微软雅黑", "Arial", sans-serif } 大小 可以通过font-size来说设置字体大小的像素值,如果设置成inherit表示继承父元素的字体大小值。 p { font-size: 16px; } 字重(粗细)
首先我们建立 HTML 的基本结构,定义 HTML 文档的类型、语言、头部信息以及页面内容。
字体设计是一件非常有趣的事情,但是对于一些朋友来说面对字体设计时总有些小烦恼。所以今天和大家分享的更像是一个字体设计的“过程”,七种招式我们“刚柔并济”分为灵感篇与方法篇,从字体设计最初的思考入手,看看字体设计的灵感都是从何而来,又是如何一步步实现有逼格的字体。希望本期的分享能让你面对字体,春暖花开~
伪元素常用的一般就两个, ::before 和 ::after ,都是用来向被选中的元素添加元素之外的装饰性内容(文字)等
电子商务经过了几年的发展已经逐渐成熟,并且已经发展出了自己的模式和风格。但是对于电商的设计风格大多数人还停留在最初的用商品堆砌+文字信息+各种乱七八糟的效果。而这两年各个电商公司已经非常重视设计了,而且设计风格也逐步走向简洁乃至极简的风格。这种变化是随着电商的不断发展,更加重视产品的品质而进化的。
今天,在 CodePen 上看到一个很有意思的效果 -- GSAP 3 ETC Variable Font Wave,借助了 JS 动画库 GSAP 实现,一起来看看:
这是主要的 Less 文件。该文件中导入了一些其他的 less 文件。该文件中没有任何代码。
用于设置文本的首行缩进,适用于段落首行缩进的场景,避免在行内元素上使用。 属性可以接受绝对值或相对值,绝对值单位包括像素 (px)、英寸 (in)、厘米 (cm)、毫米 (mm) 等,相对值单位包括 em、rem、vw、vh 等。
除了上一节我们讲到的背景以外,字体也是一个我们最常用到的属性,接下来我们就来讲一讲CSS字体。
在最近几年里,我们发现软件和应用的界面快速的从立体,纹理化变为扁平,简洁化。这种变化趋势是普遍存在的,我们来花些时间来看看这些变化是如何发生的,以及这些变化产生的影响。除此之外,我会分享一些关于扁平化设计的贴士以及注意事项。
CSS基础知识 css,英文 Cascading Style Sheets,中文名:级联样式表。层叠样式表。 css是一种表现语言,是对网页语言的补充。 css用于网页的风格设计,包括字体,颜色,位置等。 css使用的4中方式:引入外部样式文件,导入外部样式文件,使用内部样式定义,使用内联样式定义。 引入外部样式文件: <link type="text/css" rel="stylesheet" href="css样式文件的url"/> 导入外部样式文
之前我们已经聊过,关于伪元素 :before 和 :after 的一些基础知识了,但是并没有感觉到他的神奇之处,这次,我们继续来说,看看他有点什么用,基础知识不太明白的可以看这里
在学习CSS时,我们需要搞清楚HTML 标签的一些分类,HTML 一般可分为块元素、行内元素以及行内块元素,不同的种类在呈现上有着不同的表现形式。
层叠样式表(英文全称:Cascading StyleSheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
编写插件需要使用图片资源又不适合直接引入时使用base64图片编码进css或js插件
css写在style标签中,style标签一般写在head标签里面,title标签下面。
css的组成部分:选择器和声明 📷 css的注释: /*这是注释*/ 📷 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Title</title> 在head里面添加style标签 <link rel="stylesheet" h
css中有四种选择器,分别是class选择器,id选择器,标签选择器,属性选择器。例如:
应用层的开发就是这样,要深入学习、了解技术栈中接口的主要功能及具体参数要求,了解边界在哪里,知道哪些能做,哪些不能做,这样在开发功能时才能得心应手,遇到问题时才能想到问题可能出在哪里。
在这篇文章我会介绍 9 个使你的 CSS 更加简洁优雅的使用技巧。这些技巧小生经常使用,觉得挺高效实用,所以也就有了这篇文章。
本文最后更新于 871 天前,其中的信息可能已经有所发展或是发生改变。 使用自定义命令 <label >搜索名字关键字:<input type="text" v-model="keyWord" v-focus v-color="'green'"></label> 定义全局自定义命令 Vue.directive('focus', { //钩子函数 bind: function (el) { // 每当指令绑定到元素上的时候,会立即执行这个 bind 函数,只执行一次 // 注意: 在每
ID选择器:针对某一个特定的标签来使用,只能使用一次。css中的ID选择器以 # 来定义
css是什么:CSS是层叠样式表(Cascading Style Sheets)的简称,有时我们也会称之为CSS样式表或级联样式表。CSS 是也是一种标记语言。 有什么用:主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。CSS是一种描述HTML文档样式的语言,CSS描述应该如何显示HTML元素。
最近正在重做公众号相关的一些设计以及排版,想到年前部门里的UI设计大神做了一个关于“PPT设计指南”的分享,正好可以拿来实践一把。
<!DOCTYPE ”此文仅为个人学习的知识梳理,权威且更详细的内容请查阅w3school。“>
前几天在 Joe(https://ae.js.cn/)网站上留言的时候发现了一个叫“画图模式”的东西,点进去后自动切换文本框到画板了(类似QQ涂鸦,你画我猜那种画板),然后可以在画板上画画,还可以选择画笔粗细、颜色等等,画错了还能撤销各种功能,欸感觉挺有意思的,当时也猜到了应该是用 canvas 做的,不过自己也不太了解这块,但就是感觉挺有意思的,加上我又喜欢魔改 valine 评论,所以立下计划决定给评论系统加上这么一个好玩的功能。
前一篇跟大家详述了关于Excel在作图理念上的诸多细节,今天让我们把聚焦于多分类维度的数据呈现问题。 当然今天这篇我会把视角从Excel切换到Tableau,没错就是Tableau。可能很多小伙伴儿已经了解过这款商务智能工具,这是一款目前市面上最成熟、最人性化的桌面端可视化工具(没有之一,至于PowerBI,我之后会写专门的体验贴来说明)。 ---- 相信很多小伙伴儿(特别是已经在职场已经混迹很多年的)对Excel中的数据透视表非常熟悉,没错Tableau就是一款升级版的数据透视表。 它不仅仅可以将原始的一
最近在写 APK 时遇到了需要获取文本宽度的需求。其实就是要自己写一个算法以实现文本超长自动换行的功能。
一、CSS介绍 CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素。 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染)。 二、CSS语法 1
腾讯ISUX isux.tencent.com 社交用户体验设计 在运营专题高效设计法(上)中,我们一起探讨了项目分析的四个步骤,从项目目标到用户人群,进行分析洞察得出设计执行方向的策略。在设计执行版块中介绍了【高效构图】、【高效色彩】的方法与技巧,接下来继续跟随我探讨【字体】与【延展】的高效设计方法。 字体设计是在创作运营设计中重要的组成部分,也是互联网行业从事设计所最重要的基础要素。运用装饰手法来美化文字,增强视觉效果,提高作品的诉求和赋予版面的审美价值。但创作一款字体需要花费较大的
当多个样式作用于同一个(同一类)标签时,样式发生了冲突,总是执行后边的代码(后边代码层叠前边的代码)。和标签调用选择器的顺序没有关系。
CSS继承是指设置上级(父级)的CSS样式,上级(父级)及以下的子级(下级)都具有此属性。
上图中的两个动画,一个文字直接变粗,一个渐渐变粗,我觉得后者会更有趣。但普通的字体可达不到这种效果,例如微软雅黑,无论怎么调整它的 FontWeight,实际上它也只有三种粗细:
多说一嘴:用数字设置的时候,只有400和700会产生变化,是因为字体在初始设计的时候就没有设置太多的粗细标准,一般就是两种,默认的和加粗的 所以 在实际工作中 用的最多的就是normal(400) bold(700)
行框的排列会受到中间空白(回车空格)等的影响,因为空格也属于字符,这些空白也会被应用样式,占据空间,所以会有间隔,把字符大小设为0,就没有空格了。
jQuery是什么:jQuery是JavaScript的类库,封装了很多js代码。类似java中的类库一样里面一个类中有很多别人写好的功能。90%以上的公司都在用jQuery。
今天是2015的最后一天了,也是小魔方持续更新的第11天,感谢众多小伙伴们的支持和关注,预祝大家元旦快乐,新的一年一切都更美好!!! 之前两篇给大家分享了一些简单的色彩知识以及office软件颜色配置与自定义颜色主题的方法。 今天要给大家聊的话题是字体。 字体与配色一样,也是一门深奥的艺术,小编也只能简单的涉猎一些皮毛。 字体大体上分为两类: serif(衬线字体) sans serif(无衬线字体) serif字体在字的笔画开始及结束的地方有额外的装饰,而且笔画的粗细会因直横的不同而有不同。相反的,sa
HTML 标签原本被设计为用于定义文档内容,但随着HTML的 发展,为了满足页面设计的更多要求,HTML增加了许多的显示功能,导致HTML变得越来越杂乱,页面也越来越臃肿,于是CSS便应运而生了。 CSS (Cascading Style Sheets) 即层叠样式表,用来美化HTML标签。通过使用CSS可以实现表现和内容的分离,同时提高了页面浏览的速度,也更加的易于维护和改版
What:jQuery是JavaScript的类库,封装了很多js代码。类似java中的类库一样里面一个类中有很多别人写好的功能。90%以上的公司都在用jQuery。划重点,这句话要考
在图片中添加文字看上去很简单,但是如果是利用OpenCV来做却很麻烦。OpenCV中并没有使用自定义字体文件的函数,这不仅意味着我们不能使用自己的字体,而且意味着他无法显示中文字符。这还是非常要命的事情。而且他显示出来的文字位置也不太好控制。比如下面的代码,他想做的仅仅是显示数字3:
能够实现蛋白质三维结构可视化的软件非常多。比专业级的PyMOL(https://pymol.org/2/)。这个软件已经被世界上著名的生物医药软件公司“薛定谔公司(Schrödinger)”收购。这种专业级的可视化软件不仅能够做出非常漂亮的图片,它还有强大的插件支持各种各样的蛋白质结构分析,这款软件需要购买,如果你发表的文章里提到某些内容是使用PyMOL制作的,而文章中所有作者和作者单位都没有PyMOL的购买记录的话,你可能会面临薛定谔公司的追责。
HTML 是 Hper Text Markup Language 的简称,即超文本标记语言。它就像我们熟知的 Word 一样,只不过它适用于 Web。
一张图片的打印出来的实际尺寸是由电子图片的像素和分辨率共同决定的,像素(Pixel)是指构成图片的小色点,分辨率(单位DPI)是指每英寸(Inch)上的像素数量,可以看做是这些小色点的分布密度;像素相同时,分辨率越高则像素密度越大,实际打印尺寸越小,图像也越清晰。
领取专属 10元无门槛券
手把手带您无忧上云