工具/材料
开发者工具（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
特别提示
在CSS中，如果是class属性，CSS选取格式必须为.类名（如：.city{ }）
如里是ID属性，CSS选取的格式为：（如：#city{ }）
如果是标签属性，CSS的选取格式为（如：p{ }）
