<input type="text" placeholder="请输入用户名">
网页展示:
-------------------------------------------------------------------分割线--------------------------------------------------------------
引用外部css目录下的style.css文件
法一:
<html>
<head>
<title>insert title</title>
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
</html>
法二:
<html>
<head>
<title>insert title</title>
<style>
@import "css/style.css";
</style>
</head>
</html>
[点击并拖拽以移动]
基础选择器:#id选择器 >.class选择器 >元素选择器
扩展选择器:*{ } :选择所有元素
选择器1 选择 器2{ }: 并集选择器,筛选选择器1元素下的选择器2元素
选择器1> 选择器2{ } 父选择器:筛选选择器2的父元素选择器1
属性选择器(常用在input标签):元素名称[属性名=“属性值”]{ }
eg:input [type="text"]{
border:5px solid;
}
-------------------------------------------------------------------分割线---------------------------------------------
body添加背景图片
body{
background: url(" ") no-repeat center;
}