码迷,mamicode.com
首页 > Web开发 > 详细

复习html CSS选择器

时间:2020-05-24 14:02:41      阅读:73      评论:0      收藏:0      [点我收藏+]

标签:鼠标   NPU   汉字   lsp   text   表单   disable   user   cascading   

input标签:

  type属性

    text   password  reset   submit   button   file   hidden   CheckBox   radio    date

  name属性   分组,提交数据时的key,提交的数据value

  value:指定默认值

  默认选中     checked  

  readonly   只读  可以提交

  disabled    禁用

表格  table

 

 1    <table border="1" cellpadding="1" cellspacing="1">
 2         <thead>
 3         <tr>
 4             <th>2</th>
 5             <th>3</th>
 6             <th>4</th>
 7         </tr>
 8         </thead>
 9         <tbody>
10         <tr>
11             <td>1</td>
12             <td>2</td>
13             <td>3</td>
14         </tr>
15         </tbody>
16     </table>

form    表单

1 <img src="图片地址" alt="未显示出来提示的汉字" title="鼠标悬浮的提示,任何标签都可使用"  width="1" height="1">
2     <form action="地址">
3         <input type="text" name="username">
4         <input type="radio" name="sex" value="1">
5         <input type="radio" name="sex" value="2">
6         <input type="radio" name="sex" value="3">
7         <button>提交</button>
8     </form>

a标签

1 <a href="超链接地址" target="_blank"></a>
2 <a href="超链接地址" target="_self"></a>

select标签

1 <select name="city" id="">
2     <option value="1">上海</option>
3     <option value="2" selected>深圳</option>
4     <option value="3">惠州</option>
5     </select>

多选

1 <select name="city" multiple>
2     <option value="1">上海</option>
3     <option value="2" selected>深圳</option>
4     <option value="3">惠州</option>
5     </select>

label标签    显示描述内容

1 <label for="password"></label>
2 <input type="text" name="password" id="password">

 

 CSS 样式  css选择器(Cascading Style Sheet,层叠样式表)

css代码写法:   h1{color:red;}   选择器{css属性:属性值;}

css代码引入:
  head标签  方式一

1     <style>
2         div{
3             background-color: red;
4             height: 100px;
5             width: 100px;
6         }
7     </style>

 

       内敛样式   方式二

1 <div style="background-color: blue; width: 100px;height: 100px">
2 
3 </div>

  方式三  外部文件引入的方式    head标签里面使用link标签引入 1 <link rel="stylesheet" href="test.css"> 

 

 

复习html CSS选择器

标签:鼠标   NPU   汉字   lsp   text   表单   disable   user   cascading   

原文地址:https://www.cnblogs.com/ch2020/p/12950536.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!