前端修炼之Css学习-1

最新推荐文章于 2018-07-24 12:27:36 发布

in_motion

最新推荐文章于 2018-07-24 12:27:36 发布

阅读量559

点赞数

文章标签： html javascript css 前端 web开发

本文链接：https://blog.csdn.net/m0_37828249/article/details/75145392

版权

在之前的大作业开发中我意识到也许前端才是应该主攻的方面，纵使我的后盾技能点目前明显多于前端。但是，前端的开发直接体现了项目进度，后端所有努力都无法脱离前端的展示而独立体现（如果你认为后端test的pass也算可展示的成果的话我无话可说）。真正的有意义的软件工程必须怀揣一颗面向结果编程的心，将每个方面的努力切实转化为可见成果，否则一切水面下涌动努力都无法化为表面的一丝涟漪，岂不可悲可气。前端，就是要利用水下的后端之力，实实在在的掀起波涛。

于是我决定利用暑假潜心修行前端技术（辅以Node.js的后端学习），让自己在软件开发中的主动权更大，掌控能力更强。由于已经掌握一定html和js基础，我决定直接从css入手，渲染自己写的小网页demo。

以下是我初步学习并运用css的实例：

<!DOCTYPE html>
<html lang="en">

<head>
    <title>Title</title>
    <meta charset="UTF-8">
    <meta name="keywords" content="">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
    <link rel="shortcut icon" type="/image/png" href="/favicon.ico">

    <script src="js/jquery-3.2.1.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="/js/bootstrap-datetimepicker.js"></script>
    <script src="/jsocs.js"></script>

    <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="/css/bootstrap-datetimepicker.css">
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="/css/font-awesome.min.css">
    <link rel="stylesheet" href="/css/et-line.min.css">
    <link rel="stylesheet" href="/css/ionicons.min.css">
    <link rel="stylesheet" type="text/css" href="/style.css">
</head>
<body>
<button type="button" class="btn btn-danger">（危险）Danger</button>
</body>
</html>

这段代码引入各种优质开源css文件，网页中只有一个按钮，用bootstrap进行渲染。这是第一次尝试，以后会继续学习运用。

in_motion

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端修炼之Css学习-1

在之前的大作业开发中我意识到也许前端才是应该主攻的方面，纵使我的后盾技能点目前明显多于前端。但是，前端的开发直接体现了项目进度，后端所有努力都无法脱离前端的展示而独立体现（如果你认为后端test的pass也算可展示的成果的话我无话可说）。真正的有意义的软件工程必须怀揣一颗面向结果编程的心，将每个方面的努力切实转化为可见成果，否则一切水面下涌动努力都无法化为表面的一丝涟漪，岂不可悲可气。前端，就是要
复制链接

扫一扫