常见标签:table div p img video zudio hr br b i u emstrong del tr td th tbody thead header section footer article asidehtml style span body hn small herd title meta
===================================================
列表标签(块标签自动换行):三种列表:1、有序标签ol(order list) 2、无序列表ul(unorder list) 3、数据列表dl(data list)dt dd
================================================
无序列表:
1、ul{list-style:none 去掉ul的默认样式}
2、ul li{list-style-image:url('路径');给每一个列表元素都引入一个图片} li=list item列表子项dt+题目dd+数据
3、超链接:href 属性主要用于表示将要跳转页面的地址:本地地址 网络地址
target属性:表示目标 默认使用 _self表示本地选项卡打开
可以修改为_blank表示使用新的选项卡打开
target="_self"在本页面打开网页
target="_blank"在新页面打开网页
=================================================
表单标签:method 提交服务器的方式在http1.1的标准下,http请求方式有八种:
1、get 2、post 3、put、4、delete 前4中常用5、header 6、connect 7、option 8、track
get与post的区别:
1、ger请求参数拼接到url上 post请求不会将参数拼接到地址上,而是封装在一个body体内 2、get请求不太安全,post比较安全 3、get有大小限制,post理论上没有大小限制 4、文件上传一定要使用post get不能传送路径post支持流传输
最重要的表单元素(标签):
action 属性表示提交数据的服务器地址url/uri"#"表示不提交action="http://www.baidu.com"input文本输入框:type:text password/number/datetime-local默认不写就是text date/time/radio/checkbox(多选按钮)/file submit(提交按钮)color/reset/image button/url/email/week/year/month/hidden/range用户密码可加可不加XX 前后XX保持一致 radio 单选 name保持上下一致 不然可以多选只能传数字包括(e)其他不行上传文件提交按钮重置按钮但是不提交 但是样子和submit一样 将来用于ajax
====================================================
隐藏不让用户看但是会上传XX不现实在用户端但是会传到服务端email url 会自主判断是否输入正确 后加redonly表示只读不能写 加checked表示默认选择了一个或者多个textarea 文本输入域rows(行)cols(列)checked required readonly不能是空的默认值XXXX中间不能为空
===========================================
css:(cascading style sheet)级联样式表/层叠样式表用来装饰页面的技术html
结构层css表示层js行为层link rel="stylesheet"引入其他样式 rel必写herf写上被引用样式的地址
===================================================================
ul>li*8>a[href="#"]>{XX$}< a href="#">1XX$表示按顺序写入div>ul*3>li*5>a[href=""]{XX}生成3个ul 每个ul生成5个li 每个li生成1个a在style中设置样式的时候 不要在ul里设置要在ul中的li设置颜色表示方法:
1、使用颜色单词表示:blue black skyblue.....
2、使用三基色表示:#0-255 红绿蓝三基色#FF0000红色 #00FF00绿色 #0000FF蓝色 当一个基色的两个数字一样的时候可以单写一个
3、color:rgb(n,n,n)红色255,0,0 ||绿色0,255,0||蓝色0,0,255 colorrgba(n,n,n,m)m代表透明度(0--1)透明--->不透明
===========================================
css三种书写方式:
1、内嵌方式2、页面方式3、外联方式
推荐使用常见选择器:css选择器分下几种选择器:
1、基本选择id选择器
①id选择器id#+id id是唯一的
②class类选择器 .+class class可以重复(是个标准的块标签)
③标签选择器:html中的标签可以作为选择器:例如 table p a lable span.........
④通配符选择器:*通配符选择器 表示对整体进行样式设置。
⑤逗号选择器:,表示逗号选择器 可以几个标签可以同时进行样式设置
2、包含选择器(层级选择器)
①子代选择器 : >子代选择器
②空格表示后代选择器后代选择器
3、属性选择器
[属性选择器]{设置样式}
[属性^="X"]{}表示对以X开头的标签进行样式设置
4、css3选择器(选学)伪类
a:hover 【是:不是,】 a的伪类效果 表示鼠标放上去之后的效果color:redfont-size:20pxfont-weight:boldtext-decoration:underline 表示鼠标放上之后字体变红 字节为20号 加粗加下划线
================================================================
将^换成$则变为对以X结尾的标签进行样式设置将^换成*则变为对包含X的标签进行样式设置#id+.class表示对id后紧跟着的class进行样式设置font-weight:bold表示字体加粗 虚线da'shed 点线dotted 双线doubleline-height:上下居中 text-align:center左右居中text=decoration:none表示无下划线
#id:focus{}表示鼠标垫进去之后的样式
常见css样式:width height background border border-radius box-shadow text-shadow color opacity(透明度)margin padding line-height text font display position