总结 css html

Posted 2021-11-29 wang1996

css：html

文字有分文字字体，文字大小，文字的样式，文字正常，文字倾斜，文字粗细等。

属性：背景颜色，背景图片，图片路径，横向背景图片，背景图片不能重复，图片固定定位等

浮动：在最近的父元素定位，父元素没有定位时找祖元素定位，都没定位找body元素。

相对定位：相对于自己原来位置进行移动，只是进行位置移动。

绝对定位：是相对于离它最近的已经定位的父元素进行定位，如果父元素和祖先元素都没有定位，那就参照body进行计算。

选择器：标签选择器， 类选择器，id选择器。直接子代选择器，相邻兄弟选择器，上下文选择器等

块级元素的宽度默认为父元素的宽度，内联元素没有宽高。

盒模型是有内容，边距，内边距，外边距组成的。

html html的头标签的使用 html两部分组成 head和body 在head里面的标签就是头标签 title标签：表示在标签上显示的内容

有些标签，没有结束标签,比如<br/>换行<hr/>水平线

html中常用的标签文字标签和注释标签

注释标签<!--注释内容 -->

标题标签从h1到h6，大小是依次变小，

 特殊字符：空格：&nbsp;

列表标签用的比较广的 有序列表：<ol></ol> 在ol标签里面 <li>具体内容</li> 无序列表 <ul></ul> <li>具体内容</li>

图像标签 <img src="图片的路径"/>

width：图片的宽度

height：图片的高度

alt: 图片上显示的文字，把鼠标移动到图片上。显示内容

超链接标签 <a href="链接到资源的路径">显示在页面上的内容

</a> href: 链接的资源的地址

 blank : 在一个新窗口打开

self: 在当前页打开默认

当超链接不需要到任何的地址，在href里面加#<a href="#">

<a name="top">顶部</a>

<a href="#top">回到顶部</a>

pre:是一个有比较好用内联的元素

表格标签 table由tr组成，tr由td组成;

 border：表格线

 bordercolor：表格线的颜色

 cellspacing：单元格直接的距离

 width：表格的宽度  

height：表格的高度

设置对齐方式 对齐，左，居中，右 align： left  center  right

使用th也可以表示单元格可以实现居中和加粗

<form></form>: 定义一个表单的范围

属性:action： 提交到地址，默认提交到当前的页面

method:  表单提交方式

常用的有两种get和post，

默认是get请求

 get和post区别 get安全级别低一个显示，post安全级别高一个不显示。

输入项：可以输入内容或者选择内容的部分

大部分的输入项使用<input type="输入项的类型"/> 在输入项里面需要有一个name属性

普通输入项：<input type="text"/>

密码输入项：<input type="password"/>

单选输入项：<input type="radio"/>

在里面需要属性 name name的属性值必须要相同

复选输入项：<input type="checkbox"/>

 实现默认选中的属性 checked="checked"

文件输入项 <input type="file"/>

下拉输入项 <select name="birth">

<option value="内容所意比如2018">2018</option>

<option value="内容所意比如2019">2019</option>

文本域 <textarea cols="10" rows="10"></textarea>

隐藏项（不会显示在页面上，但是存在于html代码里面） <input type="hidden" />

提交按钮 <input type="submit"/> <input type="submit" value="注册"/>

使用图片提交 <input type="image" src="图片路径"/>

重置按钮： 回到输入项的初始状态 <input type="reset"/>

普通按钮 <input type="button" value=""/>

html中的其他的常用标签的使用

b : 加粗 s ：删除线 u ：下划线 i ：斜体 sub : 下标 sup : 上标

p ：段落标签 比br标签多一行 div ：自动换行 span：在一行显示