网页设计中的百分数和替换元素

百分数如果width,内边距和外边距设置为百分数值,会应用同样的基本规则。值声明为长度还是百分数并不重要。百分数可能很有用。假设你希望一个元素的内容是其包含块

查看详情

网页设计中的负外边距

到目前为止,看上去一切都很直接明了,你可能会奇怪前面为什么会说情况可能很复杂。外边距还有一个方面很特殊:外边距可以为负,这种设置是对的,完全可以将外边距设置

查看详情

网页设计中的auto设置

设置auto如果设置width、margin-left或margin-right中的某个值为auto,而余下两个属性指定为特定的值,那么设置为auto的属性会确定所需的长度,从而使元素框的宽度等

查看详情

网页设计中的水平元素

块级元素的表现有时可以预测,有时则很让人惊讶。例如,元素沿横轴和竖轴摆放时,其处理就可能不同,为了充分了解如何处理块级元素,必须对一些边界和区域很清楚。图7

查看详情

网页设计中的基本框

在前面几章中。我们针对CSS如何处理文档中的文本和字体介绍了很多实用知识。这一章中,我们将介绍视觉表现的一些理论方面,另外,前面为了强调CSS如何实现而跳过了一

查看详情

网页设计中的文本阴影

CSS2包含一个属性来为文本增加阴彩,不过这个属性并没有在CSS2.1中保留,因为在CSS2.1完成前没有一个浏览器对此提供了充分的支持。可以考虑一下,如果要让Web浏览器

查看详情

网页设计中的文本装饰

下面来看如何使用text-transform属性处理文本的大小写。默认值none对文本不做任何改动,将使用源文档中原有的大小写,头名思义,uppercase和lowercase将文本转换为全

查看详情

网页设计中的字间隔和字母间隔

前面已经介绍了对齐,下面来看如何处理网页设计中字间隔和字母间隔。同样地,这些属性存在一些不太直观的问题。字间隔word-spacing属性接受一个正长度值或负长度值

查看详情

网页设计中的垂直对齐

前面已经讨论了水平对齐,下面来看垂直对齐。因为文本行的构造将在第7章更详细地讨论,这里只是提供一个简单的概述。行高line-height属性是指文本行基线之间的距离

查看详情

网页设计中文本的缩进和水平对齐

不错,很多Web设计都需要选择适当的颜色,让页面有最酷的外观,不过在真正的Web设计中,可能更多的时间都花在这样一些问题上:文本放在哪里,文本的外观是怎样的。由于

查看详情

网页设计中的字体匹配

可以看到,CSS允许匹配字体系列、加粗和变形,所有这些都是通过字体匹配完成的,这是一个相当复杂的过程。如果创作人员想帮助用户代理在显示其文档时做出正确的字体

查看详情

网页设计中字体属性的设置

font属性当然,所有这些属性都很复杂,不过要使用所有这些属性可能更麻烦:h1{font-family:Verdana,Helvetica,Arial,sans-serif;font-size:30px;font-weight:900;fo

查看详情

网页设计中字体的风格和变形

风格和变形今天讨论的属性简单易懂,所以阅读这一部分可能很轻松,首先,我们将讨论font-style,再转向font-variant,最后对字体属性做一个总结。有风格的字体font-st

查看详情

字体大小设置

确定字体大小的方法对我们来说既很熟悉,也有很大不同。

查看详情

字体的加粗设置

尽管你可能还没有意识到,但实际上你已经对字体加粗很熟悉了,粗体文本就是字体加粗的一个很常见的例子。利用font-weight属性,CSS允许对字体加粗有更多控制,至少在

查看详情

字体在网页设计中的运用

网页设计师应该清楚地认识到,字体选择是一个常见(而且重要)的特性。毕竟,有多少页面分布着数十个甚至数百个标记呢?实际上,规范中“字体属性”一节最开始就有这样

查看详情

做网站中的url

如果你写过Web页面,肯定对URL(或者在CSS2.1中称为URI)很熟悉。如果需要引用一个URL(如@import语句中,导入外部样式表时就会使用这条语句),一般格式则为:url(proto

查看详情

网页设计中的长度单位

很多CSS属性(如外边距)都依赖于长度度量来适当地显示各种页面元素。因此,CSS中有很多度量长度的方法不足为奇。所有长度单位都可以表示为正数或负数,其后跟有一个

查看详情

网页设计师的十六进制RGB颜色

CSS允许你使用HTML网页设计师很熟悉的十六进制颜色记法来定义颜色:h1{color:#FF0000;}/*set*Hlstored*/h2{color:#903BC0;}/*setH2stoaduskypurple*/h3{color:#00

查看详情

网页设计中的颜色数值设置

在利用CSS能做的几乎所有工作中,其基础都是单位(units),这是影响所有属性的颜色、距离和大小的一种元素,本章就要讨论单位。如果没有单位,就不能声明某个段落应当

查看详情

在设计网页时如果css样式发生冲突

在我们设计网页时,如果特殊性相等的两个规则同时应用到同一个元素会怎么样呢?浏览器如何解决这个冲突?例如,假设有以下规则:h1{color:red;}h1{color:blue;}哪一个

查看详情

网页结构和层叠样式的继承属性

特殊性对于理解如何向网页文档应用声明很重要,同样的,还有一个很重要的概念,即继承。基于继承机制,样式不仅应用到指定的元素,还会应用到它的后代元素。例如,如果

查看详情

网页的结构和重叠

前面我们介绍了如何利用网页文档结构和CSS选择器为元素应用各种丰富的样式。每个合法的文档都会生成一个结构树,了解了这一点,就能根据元素的祖先、属性、兄弟元素

查看详情

设置网页设计中的首字母和第一行

设置首字母样式第一个伪元素用于设置一个块级元素首字母的样式,而且仅对该首字母设置样式:p:first-letter{color:red;}这个规则会把毎一段的第一个字母变成红色。

查看详情

做网页设计中如何选择第一个元素

选择第一个子元素还可以使用另一个静态伪类:first-child来选择元素的第一个子元素。这个特定伪类很容易遭到误解,所以有必要举个例子来说明。考虑以下标记:Thesea

查看详情

什么是动态伪类

CSS2.1定义了3个动态伪类,它们可以根据用户行为改变文档的外观。这些动态伪类以前总用来设置超链接的样式,不过它们还有很多其他用途。表2-3描述了这些伪类。表2-

查看详情

什么是链接伪类

CSS2.1定义了两个只应用于超链接的伪类。在网页HTML和网页XHTML1.0及1.1中,超链接是有href属性的所有a元素,在XML语言中,超链接则可以是任何元素,只要它作为另一个

查看详情

什么是网页伪类选择器

伪类选择器和伪元素选择器才真正有些意思。利用这些选择器,可以为网页中不一定具体存在的结构指定样式,或者为某些元素(甚至是文档本身)的状态所指示的幻像类指定

查看详情

网页css的类选择器和id选择器

除了指示网页文档元素的选择器外,还有另外两种类型的选择器:类选择器(classselector)和ID选择器(IDselector),它们允许以一种独立于文档元素的方式来指定样式。这

查看详情

css在网页设计中的分组功能

CSS的主要优点之一(特别是对于网页设计师来说),就是它能很容易地向所有同类型的元素应用一组样式。是不是听上去还不够震撼?那么请这样想想看:只需编辑一行CSS,就

查看详情
网站建设、抖音推广、头条推广、微信朋友圈推广、快手推广专线:15368242187(微信同号)