In which way do you think the world will end? The moment you are reading my essay, you are somehow connected with it. And I fancy that you have never realized this kind of subtle but amazing connection. More specifically, when you are reading, you re…
背景 需要注意:背景的所有属性都不会向下进行继承. 背景色 我们可以设定一个纯色为背景色. p {background-color: red;} a {background-color: #ff0000;} 背景色有特点如下: 可以为所有元素设置背景色,这包括 body 一直到 em 和 a 等行内元素. background-color 不能继承,其默认值是 transparent.transparent 有“透明”之意.也就是说,如果一个元素没有指定背景色,那么背景就是透明的,这样其祖先元素…
在设置页面字体的时候,你会发现在 font-family 属性中会设置好多个字体,想看懂它们都是什么字体吗?不好意思,我不是搞设计的,我也不知道.那么,现在写的东西,只是对于一个前端人员来说,要了解的 font-family 属性而已.以下的内容,仅仅是本人的一点粗浅理解,希望对于新手有点概念上的帮助. 字体家族 首先,大家有没有这么个疑问?为什么我们选择字体的时候要用 font-family 而不是其他的名词呢? 其实这个单词也就说明了原因所在了.那就是,字体是以家族分类的. 字体总共分为五大…
第七章 CSS入门 元素的许多属性都可以设置样式,太多了,记不住,可以参考<CSS Pocket Reference>. 外部样式表,<link type = "text/css" rel = "stylesheet" href = "lounge.css"> CSS包含一些简单的语句,称之为规则.典型的规则包括一个选择器,以及一个或者多个属性和值.选择器将制定规则将应用于哪些元素.记住,每个属性声明要以分号结束. 可以使…
颜色 命名颜色 RGB指定颜色 数值: 0-255 百分比 三元组:红绿蓝 16进制RGB web安全颜色 在256色计算机系统上总能避免抖动的颜色 表示为rgb值20%和51的倍数 web安全色的简写16进制是0,3,6,9,C,F 长度单位 绝对长度单位 in, cm, mm, pt, pc 实际中几乎不使用 相对长度单位 印刷度量单位:em, ex,像素:px 度量的实际距离可能因为屏幕分辨率,可视区的宽度,用户选择等原因而改变 1个em定义为一种给定字体的font-size值; (实际上…
概述 所谓字体:即文字的形体结构,根据外观字体分不同的类别:衬线字体Serif.无衬线字体sans-serif和等宽字体monospace.每一个类别的字体又可以分成不同的字体族font family,而字体族又可以包含不同的字型font face.CSS的字体属性描述了一类字体的大小和外观.比如使用上面字体族,多大字号,粗体还是斜体等. 文本与字体的区别 文本就是一组字符,比如一个段落.一个标题,文本有行高.字符间.有没有下划线和缩进等 字体是用于描述一类文本的大小和外观,比如用什么字体族.多…
通过使用CSS,控制文本的字体,风格和颜色 1.基本操作: body{ font-family: Verdana, Geneva, Tahoma, sans-serif } body{ font-size: 14px } body{ color: silver } body{ font-weight: bold } body{ text-decoration: underline } 注释: font-family:定制页面中使用的字体 font-size:控制字体大小 color:为文本设置颜…
往往设计师在设计时一厢情愿地去思考问题,那样会带来很多潜在的麻烦.事实上你可以为网页设计任意字体,包括艺术字体.也许你的计算机中已经安装了很多字体,但是不能够保证所有的浏览者都已经安装了相同的字体,因此,当你非常想使用各种个性字体或艺术字体美化页面时,你可以使用下面的方法来解决此类矛盾. 一种方法是在font-family属性设置你喜欢的字体,同时也定义一些备用字体.如果浏览者的系统中安装了指定的字体,就会看到漂亮的页面,如果没有,浏览器会自动搜索在font-family属性中指定的字体列表,直…
第五章   使用CSS美化网页文本 学习重点 定义字体类型.大小.颜色等字体样式: 设计文本样式,如对齐.行高.间距等: 能够灵活设计美观.实用的网页正文版式. 5.1 字体样式 5.1.1 定义字体类型 CSS使用font-family来定义字体类型,用法如下: font-family:name   /*name表示字体名称,可以指定多种字体*/                           /*不懂,多种字体怎么应用?*/ font-family:ncursive | fantasy…
03-网页设计和开发中,关于字体的常识 #前言 我周围的码农当中,有很多是技术大神,却常常被字体这种简单的东西所困扰. 这篇文章,我们来讲一讲关于字体的常识.这些常识所涉及到的问题,有很强的可操作性,都是在实际业务中真实遇到的,都是需要开发同学和产品经理.设计师不断重复沟通的. 字体真的只是"系统默认,无从解释"这么简单吗?是产品被忽悠?还是开发在敷衍?二者之间的博弈究竟谁能胜出?学会本文,你就能胜出. #字体分类 常见的字体可以分为两类:衬线体.无衬线体. 1.serif(衬线体):…