总结 css html

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:在一行显示

猜你喜欢

转载自www.cnblogs.com/wang1996/p/10850696.html