新手如何学习CSS以及进阶 _网页中制作与链接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=https://vvvtt.com/article/"这里写你的CSS文件名" ，如下图

06 运行程序，结果如下方法一相同，是不是要内部样工简练的多！
CSS常用属性
文字属性：

07 文本属性：

08 为文字添加字体属性
例：字体大小为50px,样式倾斜，加粗，字体可随意选，代码如下图：

09 运行程序：结果如下：

特别提示 【新手如何学习CSS以及进阶】在CSS中，如果是class属性， CSS选取格式必须为.类名（如：.city{ }）
如里是ID属性， CSS选取的格式为：（如：#city{ }）
如果是标签属性， CSS的选取格式为（如：p{ }）

以上内容就是新手如何学习CSS以及进阶的内容啦，希望对你有所帮助哦！

新手如何学习CSS以及进阶

猜你喜欢