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

转眼之间已经进行了两个月的学习了,在这两个月学习阶段我从中学会点什么呢?
实话实说我可能没学会啥,但是哇又感觉自己学会了点什么。下面就总结一下到底有哪些指示点
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加增了好看的样式
阶段性总结 个人总结 (上)_第1张图片

知识点:
块级元素:独占一行,对宽高的属性值生效;如果不给宽度,块级元素就默认为浏览器的宽度,即就是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 盒子模型
阶段性总结 个人总结 (上)_第2张图片margin :外边框
border:边框
padding:内边框
content:内容部分
表单

表单分为好几种 下面我来给大家介绍介绍我知道的介绍介绍

单行文本框

密码框


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

香蕉
苹果
大鸭梨

复选框

 

下拉列表


文本域




按钮

你可能感兴趣的:(前端)