如何用css设计网页 网页设计css怎么写
其实如何用css设计网页的问题并不复杂，但是又很多的朋友都不太了解网页设计css怎么写，因此呢，今天小编就来为大家分享如何用css设计网页的一些知识，希望可以帮助到大家，下面我们一起来看看这个问题的分析吧！
如何用css样式设计整个网站字体
网站字体分为两种类型，一种是默认字体，一种是外部字体。
默认字体
如果整个网页都要弄成宋体的话就将body定义为宋体即可，即在样式表中加入：body{font-family:"宋体"}，如果只要一部分为宋体，那将那一部分的层的字体样式定义为宋体就行了。
默认的字体有宋体、楷体、黑体、新宋体、仿宋等。
外部字体
样式表中嵌入外部字体，用@font-face语法。
@font-face{font-family:name;src:<url>;sRules;}
<name>：为自定义字体名称
<url>：使用绝对或相对地址指定OpenType字体
<sRules>：样式表定义
如：
@font-face{
font-family:YH;
src:url();
}
然后再设置需要变换字体的样式即可，如：body{font-family:YH}，字体名称是上述所说自定义好的名称。
怎样用css样式设计整个网站字体
响应式网页设计:rem、em设置网页字体大小自适应
「rem」是指根元素（rootelement，html）的字体大小，好开心的是，从遥远的IE6到版本帝Chrome他们都约好了，根元素默认的font-size都是16px。这样一个新的单位兼容性如何呢？
IE9，Firefox、Chrome、Safari、Opera的主流版本都支持了，我可以放肆的使用rem了。
em的计算是基于父级元素的，在实际使用中给我们的计算带来了很大的不便。所以rem的出现解救了我这样不会算术的人，再也不用担心父级元素的font-size了，因为它始终是基于根元素（html）的。
比如默认的htmlfont-size=16px，那么我想设置12px的文字就是：12÷16=0.75（rem）
当然，你可以引入CSS预处理工具（Sass、LESS、Stylus等）自动计算rem值，这里就不一一举例了。
但是像我这样的懒人或者团队开发中还没有引入CSS预处理工具的该肿么办呢？只能搬个计算器啪啪啪了吗？别急，你还可以变通一下。我们改变一下html的默认font-size=10px不就好计算了嘛！Likethis：
html{font-size:62.5%;/*10÷16=62.5%*/}body{font-size:12px;font-size:1.2rem;/*12÷10=1.2*/}p{font-size:14px;font-size:1.4rem;}
需要注意的是，为了兼容不支持rem的浏览器，我们需要在rem前面写上对应的px值，这样不支持的浏览器可以优雅降级。其实不用太纠结是默认的font-size:100%，还是设置为font-size:62.5%，如果你引入了CSS预处理工具那么自然可以使用默认值，如果由于其他原因使用font-size:62.5%也无可厚非，完全可以在body中重置回你需要的默认font-size。
如何用html编写一个简单的网页
简单的html网页可以直接利用文本编写的，无需下载特定编辑器。
1、在我们的windows操作系统中，桌面上鼠标右键新建一个txt文本，并命名为"最简单网页",只是便于标识，实际上并不影响我们的操作。注意我们需要提前在文件属性中把扩展名显示出来。
2、我们打开文件夹属性设置，将文件扩展名显示出来，后面我们需要对文件扩展名进行操作，不同操作系统的设置位置不太一样，我们可以直接搜索"文件夹属性"来进行查找修改。
3、然后输入最简单的HTML文本语言。
代码如下：
<html>
<body>
最简单的网页
</body>
</html>
4、保存并关闭txt文本，然后修改我们txt文本的扩展名为html，此时会弹出警告框，提示我们修改后可能会导致文件不能使用，这是操作系统的一个处理逻辑，为了防止无意或恶意的损坏文件的行为。
5、无需担心，因为这在我们自己的掌控之下，确认警告，点击"是"，然后双击打开我们自己的第一个html网页，就可以看到一个最简单的html网页了。
关于如何用css设计网页到此分享完毕，希望能帮助到您。