阶段性总结 个人总结 (上)

转眼之间已经进行了两个月的学习了,在这两个月学习阶段我从中学会点什么呢?
实话实说我可能没学会啥,但是哇又感觉自己学会了点什么。下面就总结一下到底有哪些指示点
html+css
html:超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。
css

  1. CSS 指层叠样式表 (Cascading Style Sheets)
  2. 样式定义如何显示 HTML 元素
    3.样式通常存储在样式表中
    4.把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题
    5.外部样式表可以极大提高工作效率
    6.外部样式表通常存储在 CSS 文件中
    7.多个样式定义可层叠为一个

在我个人看来html就好像一个光着身子,一丝不挂的人。只能证明是个人其他的什么都没有,经此而已。 用来搭建整个网页的标签 。。。
css就想当于给html穿上了衣服 给html加增了好看的样式
在这里插入图片描述

知识点:
块级元素:独占一行,对宽高的属性值生效;如果不给宽度,块级元素就默认为浏览器的宽度,即就是100%宽:span,font,b,u,i,strong,em,a,
行内元素:可以多个标签存在一行,对宽高属性值不生效,完全靠内容撑开宽高!
其中还有一种结合两种模式有点的显示模式:div,p,h1~h6,ul,li,dl,dt,dd
行内块元素:结合的行内和块级的有点,不仅可以对宽高属性值生效,还可以多个标签存在一行显示:img input
定位
多用于轮播图,将轮播图的图片固定在一起,使图片层叠起来,轮播图下面的小轮播标等等。。。
固定定位:不明思议就是固定盒子不随网页滑动而移动 position:fixed; 用left ,right ,top ,bottom.
绝对定位:移动相对于页面顶 position:absolute;用left ,right ,top ,bottom.
相对定位:相对于自己原来的位置进行移动 position:relative; 用left ,right ,top ,bottom.
浮动
float
浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。
由于浮动框不在文档的普通流中,所以文档的普通流中的块框表现得就像浮动框不存在一样。
left ,左浮动
right:右浮动
清除浮动的三种方法:
display: block;
overflow:hidden;
clear:both;
盒子模型
div 盒子模型
在这里插入图片描述margin :外边框
border:边框
padding:内边框
content:内容部分
表单

表单分为好几种 下面我来给大家介绍介绍我知道的介绍介绍
<input type="text" name="名称" value="文本框内文字">
单行文本框
<input type=“password” name=“名称”/>
密码框

 男<input type="radio" name="sex">
 女<input type="radio" name="sex">

单选框 两个radio为同一个name就可以实现单选框

香蕉<input type="checkbox" name="">
苹果<input type="checkbox" name="">
大鸭梨<input type="checkbox" name="">

复选框

 <select class="" name="">
        <option value="">北京</option>
        <option value="">上海</option>
        <option value="">深圳</option>
    </select>

下拉列表

<textarea name="name" maxlength="120" placeholder="请填写个人信息" style="resize: none;"></textarea>

文本域

<input type="button" value="普通按钮button">
<input type="submit" value="提交按钮submit">
<input type="reset" value="重置按钮reset">

按钮

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值