html css

加粗样式

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(“”) 弹出窗口。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值