新手如何学习CSS以及进阶

在我们平常浏览的网页元素中，除了看到一些比如文字、媒体信息、图片！还包括一些文字特效，如闪光字、背景特效！这就好比为网页添加了一层外衣，那么如何为网页添加这一层即美丽又漂亮的外衣，这就要用到接下来我们要讲的CSS了。<br/> CSS是Cascading style Sheets的简称，即“层叠样式表“，网页中经常用CSS会使你的网页更美化，减少代码量，更简练。

工具/材料

开发者工具（webstorm）、IE、谷歌浏览器等

操作方法

01
网页中制作与链接CSS的方法
内联样式：在头部<head>标签里嵌入<style type="text/css"></style>，列：在网页主体内添加一个<div>标签，类名为“city”,在添一个<div>标签，内容为“北京”，通过内联样式CSS，为文字添加边框（border）宽度1px,实心线：（solid）颜色为黄色（yellowgreen），内边距：文字与边框的边距（padding为上下5px,左右20px）代码如下图：
02
运行程序，结果如下：
03
外联样式：先在工程文件夹里创建一个新的CSS文件，如下图
04
为CSS文件取一个文件名，点击OK即可，如下图
05
在编辑窗口<head>里输入<link rel="stylesheet" href="这里写你的CSS文件名"，如下图
06
运行程序，结果如下方法一相同，是不是要内部样工简练的多！
CSS常用属性
文字属性：
07
文本属性：
08
为文字添加字体属性
例：字体大小为50px,样式倾斜，加粗，字体可随意选，代码如下图：
09
运行程序：结果如下：
End