2020-07-28 HTML、CSS基础学习-CSDN博客

本文链接：https://blog.csdn.net/qq_42442365/article/details/107622221

-----------HTML--------

网页头部

网页脚步部

nav导航类

iframe：内联框架，在网页中调用另外一个网页
src:网页地址
w-h：宽度高度

--------------------------------------表单提交post、get--------------------------------------
form标签，method:提交方式，action:发生什么，指向哪里

get方式提交：我们可以通过url看到我们提交的信息，不安全，但是高校
post方式提交：比较安全，可以传输大文件

input的type：
radio:单选框，如果type是radio的话，value就是指的是选项的值
如果type是text，value指的是默认值，name值相同，就是用的同一个单选框

多选框：checkbox，value，name必须保持一致,加一个checked是默认值

按钮：button，value表示的是按钮上的值

下拉框：不是input标签

文本域

文本内容

带功能标签

滑块

搜索框：

表单的应用：
readonly:只读
hidden:隐藏域
禁用：disable

增强鼠标可用性

表单验证：
//默认值，用作提示信息，输入框中
required：不能为空
pattern：

----------------CSS基础----------------

选择器，美化网页，超链接，列表，渐变，盒子模型，浮动，定位

快速入门–基本用法
style

内部引用：直接在head体中直接写
外部引用：新建一个css，直接link，href中直接写路径

-----------------------------css的导入方式
一.行内样式，直接在标签中直接写样式
二.内部样式：head体里写
三.外部样式：外部文件导入
优先级：行内样式>内部样式>外部样式，就近原则，谁近谁起作用

------------------------------css的选择器
选中页面的某个或某种元素

-----------标签选择器--------选择一种标签

打出#号之后，可以自选颜色

-----------类选择器---------点开头，选择class相同的一类标签

我是标题

可以多个标签归类，视为同一类

-----------id选择器----------#开头--------特殊的那个ID的标签

我是标题

id必须是唯一的这三种选择器针对同一个标签对象的话，id选择器>类选择器>标签选择器

--------------------------------层次选择器----------------------------
后代选择器：后代全部更改
body p {
color:red;
}
子选择器:只有下一代变
body>p {
color:red;
}
相邻兄弟选择器
active是class名，相邻是向下
.active + p{
color:red;
}
通用兄弟选择器：当前选中元素向下所有兄弟元素
.active ~ p{
color:red;
}