html标签 css样式

html

标签

行内标签

a标签 超链接

b标签

strong标签

img标签

块级标签

div 默认宽度100%

p 标签

h标签

有序列表 ol li

无序列表 ul li

自定义列表 dl dt dd

hr 下划线 br 换行

属性

标签内属性align

type 列表属性

有序

type = ‘A’ 大写的罗马字符
l ll ll
type = ‘a’ 小写的罗马字符
a b c d
type = ‘1’ 数字
1 2 3 4

无序

type = ‘square’ 方形

表格

table
tr
td

简单注册页面

input 标签 type 属性

text 单行文本框
password 密码文本框
radio 单选框
checkbox 多选框
file 文件
submit 提交

select
option 下拉选择框
textarea 多行文本框

内嵌表单

ifarme

html5

语义标签

header
nav
。。

图片

figure
figcaption

多媒体标签

audio 音频 controls
vido 视频

css样式

样式就近原则
text-align 内容的对齐

css里是选择器 = body 里是标签
例：h5 h5

行内样式

内部样式

外部样式

选择器

css
#id {

}

.class{

}

id = ‘id’
class = ‘class’

#id div span { 后代选择器

}
div,p,span{ 群组选择器

}

文本

line-height //行高

text-decoration //下划线

字体

font 格式表示下面所有设置

font-family 字体类型
font-size 大小
font-weight 字体粗细
font-style 字体风格

伪类

设置超链接鼠标状态
a:link 未被访问的
a:hover 鼠标放在链接上方时
a:active 正被单击的时候
a:visited 已被访问时

列表

list-style-type // 黑点设置
list-style-postion // inside 字体和黑点 ， outpute 字体不包括黑点
list-stylle-image // 黑点换成图片

浮动float

参考文章
这个文章可以帮助你了解css浮动

脱离原来的文档流，按照指定的要求执行
浮动不占用原来的位置

如果A元素上一个元素也是浮动的，那么A元素会跟随在上一个元素的后边(如果一行放不下这两个元素，那么A元素会被挤到下一行)；如果A元素上一个元素是标准流中的元素，那么A的相对垂直位置不会改变，也就是说A的顶部总是和上一个元素的底部对齐。

css设置

盒子模型

距离大小
margin 外边距
border 边框
padding 内边框
样式
实线：solid
。。。
border-width ; 上 右 下 左 （上 左右 下）
border-style
border-top-style
border-left-style
border-right-style

java script

工具：layui工具， element工具

三种形式存在在html中：外部，内部，html里面

W3C 制定了ES6 规定了javascript 下一个书写标准
node.js : 拥有一个小型服务器,运行在服务去的java script
java script : 运行在客户端