css样式设计网页（应用css设置网页样式）

本文目录一览：

• 1、怎样用css样式设计整个网站字体
• 2、css网页的几种布局实例

怎样用css样式设计整个网站字体

1、网页中通过CSS的font-family属性，来定义字体的，页面默认中文是宋体，也可只定义一个英文Arial即可。

2、如果你想你网站上的文字看起来更加不一样，就必须要给网页中的标题、段落和其他页面元素应用不同的字体。

3、建css样式表的时候，你应该给标签命名，定义样式。如下：如果你样式在文件表里 .font{font-size：12px；color：#ff0000；} 这样你再一次选中文字，应用一下就可以了，也可以给文字所在的这样文字也就应用了你的样式。

css网页的几种布局实例

布局位于用户浏览器的中心。* 流体布局 - 总体宽度及其中所有栏的值都以百分比编写。 百分比通过用户浏览器窗口的大小计算。* 混合布局 - 混合布局组合两种其他类型的布局 - 弹性和流体。

css三种基本布局方式如下：流式布局：css流式布局是将网页元素按照宽度自适应地排列。弹性布局：是CSS3中新增的一种布局方式，通过设置容器元素的display属性为flex，来实现相应子元素的自适应布局。

CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。

优点：这种布局对设计师和CSS作者来说都是最简单的，并且没有兼容性问题。缺点：很明显你不能改变用户的屏幕尺寸。目前，大多数门户网站、大多数企业PC广告网站都采用了这种布局。

css是网页表现与内容分离的一种样式设计语言，就比如每个人都有一双眼睛、两只耳朵、两个鼻孔、一个嘴巴，而长的丑的人只是他的面部样式不符合大众的审美观。

固定宽度布局使用的是像素，但是流布局使用的是百分比，这位网页提供了很强的可塑性和流动性。