复习html CSS选择器

2021-02-17 22:18

阅读:418

标签:鼠标   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>2th>
 5             th>3th>
 6             th>4th>
 7         tr>
 8         thead>
 9         tbody>
10         tr>
11             td>1td>
12             td>2td>
13             td>3td>
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


评论


亲,登录后才可以留言!