HTML CSS

 

 

熟悉其中常见的几个type

1.type = “text”  输入普通文本  应用于注册/登录场境下的用户名，借书场景下的书名...

2.type =“password”  输入密码文本  在浏览器上隐藏用户的输入，通常显示的是一个点

 3.单选框——type="radio"在几个选项中，只能选取其中一个，是互斥的关系

 这是没有设置name（不设置name视为不同）的效果：

 

 这是设置name相同的效果：

 

 

单选项如何表示  选中的含义（checked） ： 选中 vs 未选中

  

        

 

 选中之后最后以什么来提交来显示？

 复选项：type="checkbox"

 

 

 

 

multiple 属性

 

 因此从设计的角度推荐 radio 和 checkbox。

 文本输入框 <textarea>

 

 

 由此可见<input>是单个标签不需要闭合，<textarea>需要闭合。

总结表单：

1.表单（form） 用户 via浏览器 向 服务器 提交信息

2.表单通常分为两个阶段（需要服务器提供逻辑上的两个资源）

3,<form>的 action属性 填写的URL，是第二步提交的资源URL，通常是一个动态资源

4.<button type=“submit”>提交</button>  type=“submit”可以省略，点击之后，让浏览器向服务器提交表单。

5.常见的输入控件：

6.关键属性：

 7.几个用到但不算关键的属性

 

HTML 前端网页中的骨架，用出书举例：HTML就是书的草稿完成了

CSS    相当于把书的草稿拿过来做排版美化

 

CSS

 预备知识：

HTML中的元素，都有两个通用的属性：id 和 class

 class

 

 例如：

 

 

HTML中如何引入CSS规则，HTML资源如何和CSS资源产生联系：

 3种（外部样式，内部样式，内联样式）

 

 

 如果三种引入方式的规则冲突了，以谁为准？

 

 

 CSS 大部分规则

 选择器（selector）规则：除了用在css上，后边在js选择元素，同样可以使用这套规则，比较重要

1元素选择器 2 id选择器  3 类选择器

 id选择器 #

 类选择  .

 选择器之间的优先级规则（即覆盖规则）：选择器精确的，优先级越高（即越会覆盖其他方式指定的规则）

 进一步选择器规则

1.多个选择器的并集

 2.选择子孙

 

小结：