ASP.NET MVC 从入门到放弃(Day14)- Html Css 结构介绍

接下来讲讲 html + CSS + javascript + bootstrap基本介绍细节部分 Day1有提供教学支援连结...
不过MVC C# 有Razor 语法可以快速生成html部分...後续会讲到初步先了解一下 html架构即可

<!DOCTYPE html>
<html>
<head>
<style>
.a {
  color: white;
}


#b {
  background-color: lightblue;
  color: black;
  padding: 40px;
  text-align: center;
}

</style>
</head>
<body>

<div class="a">
  <h2>hello1</h2>
</div>

<h1 id="b">hello2</h1>

<input type="text" id="test">
<input type="button" value="Show me" onclick="ShowValue()">

<ul class="nav nav-pills nav-justified">

</ul>

</body>
</html>

<script type="text/javascript">
function ShowValue(){
　var v=document.getElementById("test").value;
　alert(v);
}
</script>

1.CSS 优先顺序 !important >id > class > element

2.id CSS 前面要# ex:#b

3.class CSS 前面要. ex:.a

4.javascript 通常使用的是id ex: id text

5.bootstrap 通常使用的是Class ex:class="nav nav-pills nav-justified"

6. 只是宣告这份文件是Html5文件

<<: 3. 关於那些重要但无法帮助升迁的工作

>>: DAY4 - 认识Nx