Web

Day1

CSS的盒子模型:万物皆盒子

内边距

padding-top

padding-right

padding-bottom

padding-left

外边距

margin-top

margin-right

margin-bottom

margin-left

D2,3

CSS的绝对定位

position absulte

top:控制距离顶部的位置

left:控制距离左边的位置

步骤分析:1.第一部分为logo部分

2.第二部分为导航栏部分

3.第三部分为注册部分

4.第四部为FOOTER图片

5.第五部分为一堆超链接

Day4

CSS:层叠样式表

CSS的作用:美化页面,提高代码的复用性

选择器

元素选择器:标签的名称

类选择器:以.开头

ID选择器:以#开头

扩展选择器

选择器分组:选择器1选择器2选择器3

后代选择器:爷爷孙子 中间以空格隔开

子元素选择器:爸爸>儿子

属性选择器:选择器{属性的名称}

伪类选择器:超链接标签上使用

D5

CSS的浮动:浮动的元素会脱离正常的文档流,在正常的文档流中不占空间

float属性

left:左边浮动

right:右边浮动

流式布局:能够更清晰的看到页面

clear属性:清除浮动

both:两边都不许浮动

D6

外部样式:通过link标签引入一个外部的css文件

内部样式:直接在style标签内编写一个css代码

行内样式:直接在标签内编写一个style属性,编写css样式

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 一:在制作一个Web应用或Web站点的过程中,你是如何考虑他的UI、安全性、高性能、SEO、可维护性以及技术因素的...
    Arno_z阅读 1,371评论 0 1
  • 一、HTML 教程 HTML教程HTML简介HTML编辑器HTML基础HTML元素HTML属性 HTML标题HTM...
    茶茶点阅读 946评论 0 0
  • 前端开发知识点 HTML&CSS对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:布局、盒子模型...
    Hebborn_hb阅读 899评论 0 1
  • Web前端技术由html、css和 javascript三大部分构成,是一个庞大而复杂的技术体系,其复杂程度不低于...
    Hebborn_hb阅读 345评论 0 1
  • 这一年,是难忘的一年; 这一年,是收获的一年; 这一年,是蜕变的一年! 2017,3月转出商店,开始了我全职太太的...
    希望幸福美好阅读 240评论 0 0

友情链接更多精彩内容