HTML

表单

<!--<form action="跳转的地址.html" method = "get/post"> <input type="输入框内文本类型" name = "自定义名称"> 输入框

</form>-->

输入框input

input属性

  1. type

  2. name

  3. value

  4. checked 默认单选

type属性:

  1. text 文本

  2. password

  3. radio 单选

  4. checked 默认单选

    写法：<input type="radio" name="gender" value="男" checked>

    checkbox 多选 value 属性

    <input type="checkbox" name="hob" value="王者荣耀">

  5. file文件

  6. submit 提交

  7. reset 重置

文本框范围

<!--<textarea name="text" clos="30" rows="10"></textarea>-->

下拉列表

<!--<select name="" id=""> <option value="1">大数据与软件学院</option> <option value="2">淬炼商学院</option> <option value="3">外国语学院</option> </select>下拉菜单-->

内部样式、外部样式、内联样式

内部样式

样式定义在HTML页的头元素中

样式表规则位于文档头中的<style>元素内：在文档的<head>元素内添加<style>元素，在<style>元素中添加样式规则

外部样式

将样式定义在一个外部的CSS文件中（.css文件）；由HTML页面引用样式文件

  1. 创建一个单独的样式表文件用来保存样式规则

    1. 一个纯文本文件，文件后缀为.css

    2. 该文件中只能包含样式规则

    3. 样式规则由选择器和样式声明组成

  2. 在需要使用该样式文件的页面上，使用<link>元素连接需要的外部样式表文件

    1. 在文档的<head>元素内添加<link>元素

内联样式

样式定义在单个的HTML元素中

CSS语法：只需要将分号隔开的一个或多个属性/值对作为元素的style属性和值；

  • 属性和属性值之间用：连接

  • 多对属性之间用；隔开

优先级

内部样式和外部样式没有优先级关系，页面加载后按就近优先的原则

内联样式的优先级最高

选择器

决定哪些元素使用这些规则样式声明，一对大括号，包含一个或多个属性/值对

元素选择器

div{}

id选择器

#d1{}

类选择器

.class{}

<!--优先级：id选择器>类选择器>元素选择器-->

通用选择器

  • 群组选择器 ，（逗号）h,p{...}

  • 后代选择器 （空格） ul li{...}

  • 子代选择器 > (大于号) #id>span{...}

伪类选择器 :(冒号)

连接伪类

：link，适用于尚未访问的连接

：visited，适用于访问过的连接

动态伪类

：hover，适用于鼠标悬停在HTML元素时

：active，适用于HTML元素被激活时

：focus，适用于HTML元素获取焦点时

：blur，适用于HTML元素失去焦点时

td标签 （列)

clospan：横向合并

rowspan：纵向合并



posted @ 2021-11-07 14:47  东八区  阅读(21)  评论(0)    收藏  举报