加粗样式
html
h 段落一次变小
p代表文章–>
b 加粗
strong 加粗且强调
u下划线 em倾斜
s 删除线 不建议用
del 删除 建议
img 图片标签
width height alt提示文字 title悬停文字
br 换行标签 单标签
路径 相对和绝对
链接 a标签 http://
空链接 ### JavaScript:; JavaScrip:tvoid(0)
锚点链接 a标签 hred=#id
所有表单需要填写的数据需要放在form标签中嵌套
action 提交后台程序
method 传输形式 post(加密) get(不加密)
CSS
一、单选按钮
type=“radio”
二、下拉菜单
select 和option
多个下拉菜单添加 标签 并设置label
默认值 selected
三、文本域
textarea 标签设置多行文本 文本域
rows 和 clos 不能使用 在浏览器中各不相同 必须设置 width height
placeholder 设置默认提示文字
四、多选框
type=checkbox 默认
五、提交重置
1、提交按钮 type submit 必须设置value
2、重置按钮 type rest 必须设置value
3、按钮 type button
六、css
样式表
七、基础语法
字体 font-family
字号 font-size
颜色 color
首行字符缩进 text-indent em
text-align 文本对齐 left center right
background 背景色
八、标签选择器
div 大盒子
span 小盒子
九、id和class选择器
id #名字 不能重复 也不能多个 身份证
class .名字 可以重复使用 可以拥有多个 称号
十、ps吸取颜色
1、按prtsc 截屏
2、ps ctrl+v 找到 左侧底角提取颜色
十一、css引入方式
1、内嵌式 style 放在head中 速度快 在特殊web中必须采用这个 电商
缺点:代码没有分离 不方便修改
2、外链式
link 放在head中 把外部css文件引入文件中。
优点 代码分离 方便修改管理
缺点 速度稍微慢相对内嵌
3、行内式 基本不用
十二、基础选择器权重
id>class>标签
一、后代选择器
div span 用空格来连接 后代元素
二、并集、并列选择器
div,span,h1, .span,#span2
用逗号连接选择器, 元素同时被选中
三、 标签指定
div.类名
标签与类名 没有空格
四、复合选择器权重
id 100
class 10
标签 1
综合大的权重就高 权重相同》覆盖
五、高级权重对比
外链和内嵌相同 !important最重要
font-weight 粗细 normal 正常 bold加粗
font-style 字体 italic 倾斜 normal正常
text-decoration 设置线 none 无线 underline overline
line-through 删除线
word-break:break-all
:hover 伪类写法 代表悬停
六、行高属性
line-height 底部到底部
七、边框属性
border:1px solid red;
粗细 实线 颜色
dashed 虚线
border-left(right top bottom)
实线和虚线不报错 其他类型的线都需要报错
八、盒子模型
宽高+边框+内边距(内容与边框的距离)+外边距(盒子和盒子之间的距离)=盒子模型。Margin 外边距
Padding 内边距 顺时针转动 依次设置。
F12 模型
九、html5 新标签
Header 头部
Nav 导航
Aside 侧导航
Acticle 文章块
Footer 底部
十、ps软件
十一、javascript基础语法
1、 script标签,放在html页面最后。
2、 从script标签中间 写 alert(“”) 弹出窗口。