新手如何学习CSS以及进阶

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

操作方法

  • 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

    运行程序：结果如下：

赞 (0)

相关推荐

  • 学习css要注意的事项

    CSS 指层叠样式表 (Cascading Style Sheets),大家知道网站的前端是离不开CSS样式的,那如何能学好这个技术呢?下面我就以我个人学习的方法给大家说一下吧! 操作方法 01 要想 ...

  • 新手如何学习广联达等造价软件

    广联达是目前市场上应该用广泛的造价计价软件,功能强大,很多咨询公司,施工单位,地产公司都在使用. 一.钢筋算量软件GGJ2013 01 钢筋2013主要用于建模,计算钢筋,土建算量,新手入门应该学习的 ...

  • 新手学div+css的基础步骤

    本文主要介绍本人学习div+css网页布局的一种思路 软件工具 01 网页三剑客 步骤/方法 01 从局部出发:从一个小的部分的样式写起,目的是让你熟悉css样式的元素有哪些,那些元素都有一些什么作用 ...

  • CSS新手整理的CSS技巧

    CSS新手整理的CSS技巧

  • 新手如何学习python

    python相对比其它编程语言,入门比较简单,可以自学,但是各位应该对学习有点耐心. 操作方法 01 学习python,首先你要有一个软件,这样才能实时练习,建议多加一点相关python的群,这样可以 ...

  • 新手如何学习Linux

    新手如何学习Linux

  • NSIS常见问题集锦 推荐新手参考学习

    软件下载地址 NSIS 2.45 简体中文增强版问：在安装过程中按“取消”的话，会弹出是否终止安装的确认窗口，请问怎样设置可以让这个窗口不要出现,按“取消”就直接退出呢？ 答：!define MUI_ ...

  • 新手学电脑-金山打字通基础使用

    小编呕心沥血,为你整理了一份金山打字通基础使用教程,一起学习下吧! 操作方法 01 下载安装: 电脑下载并安装金山打字通,完成后打开软件. 02 登录帐号: 根据提示进行登录,创建一个昵称并绑定qq号 ...

  • 新手初学Photoshop最适合用的版本

    新手初学Photoshop最适合用的版本

    Photoshop是一款功能很强大的修图软件,但是它的操作也是比较难的,今天给大家介绍一下新手刚学习Photoshop最适合用的软件版本具体如下:1. 对于一个新手来说,想学习Phptoshop,入门 ...