<head>
<meta charset="UTF-8">
<title></title>
<!--通过.进行选择-->
<style type="text/css">
.sh {color: blue;}
</style>
</head>
<body>
<p class="sz">深圳多测师</p>
<p class="wh">武汉多测师</p>
<p class="sh">上海多测师</p>
</body>
<head>
<meta charset="UTF-8">
<title></title>
<!--想要修饰某个需要加上具体属性(id)进行修饰-->
<!--属性设置不要用数值-->
<!--通过#进行选择-->
<style type="text/css">
#sh {color: blue;}
</style>
</head>
<body>
<p id="wh">武汉多测师</p>
<p id="sz">深圳多测师</p>
<p id="sh">上海多测师</p>
</body>
<head>
<meta charset="UTF-8">
<title>表单标签</title>
</head>
<!--<form>表单</form>-->
<!--radio 表示单选框-->
<!--sex 表示当前内容唯一性-->
<!--checked 表示默认值-->
<!--checkbox 多选-->
<!--textarea name 副文本框-->
<!--file 上传文件-->
<body>
<form>
<p>账号输入:<input type="text" name="" id=""/></p>
<p>密码输入:<input type="password" name="" id=""/></p>
<p>选择性别:
<input type="radio" name="sex" checked=""/>男
<input type="radio" name="sex"/>女
</p>
<p>选择爱好
<input type="checkbox" name="" id="" value="" />cf
<input type="checkbox" name="" id="" value="" />lol
<input type="checkbox" name="" id="" value="" />炫舞
</p>
<p>个性签名:<br />
<textarea name="" rows="" cols=""></textarea>
</p>
<p><input type="file" name="" id="" value="" /></p>
<input type="submit" value="提交按钮"/>
<input type="button" value="普通按钮"/>
<input type="reset" value="重置按钮"/>
</p>
<!--select 下拉框选项-->
<!--option -->
<p>
<select>
<option value="qw">12</option>
<option value="qwqw">23</option>
<option value="34">34</option>
<option value="23">56</option>
<option value="二">78</option>
</select>
</p>
</form>
</body>
<head>
<meta charset="UTF-8">
<title>伪类选择</title>
<!--增加多种颜色-->
<!--cursor: pointer;改变指针样式-->
<!--font-size:50px;改变字体大小-->
<!--font-family:"微软雅黑";改变字体-->
<!--font-style:italic;斜体-->
<!--font-weight:bold;加粗-->
<!--text-decoration:underline;下划线-->
<!--text-align:center;文本内容居中-->
<style type="text/css">
p{color: blue;
text-decoration: underline;
text-align: center;}
p:hover{color: red;
cursor: pointer;}
</style>
</head>
<body>
<p>武汉多测师</p>
<u>sdhsl</u>
</body>
<head>
<meta charset="UTF-8">
<title>组合选择</title>
<style type="text/css">
p,em,i{color: blue;}
</style>
</head>
<body>
<p>dsjkj</p>
<i>sdjsjkjk</i><br />
<em>sdsdds</em>
</body>
|
|