随笔- 288  评论- 265  文章- 1 
  2019年12月12日
摘要:CSS3(1) 圆角边框、边框阴影 CSS3可以简单理解成是CSS的增强版,它的优点在于 不仅有利于开发与维护,还能提高网站的性能 。 一、圆角边框 圆角在实际开放过程中,还是蛮常见的。以前基本是通过背景图片做的,有了CSS3后可以使用简单的属性搞定,可以通过border radius设置元素的圆角 阅读全文
posted @ 2019-12-12 23:07 雨点的名字 阅读 (155) 评论 (0) 编辑
  2019年12月10日
摘要:京东首页项目(4) 中间模块实现 有关京东首页项目之前已经写了3篇博客: 1、 "京东首页项目(1) 总述" 2、 "京东首页项目(2) 顶部模块实现" 3、 "京东首页项目(3) 底部模块实现" 上面两篇写了京东首页的头部模块和顶部模块,这篇来写中间模块。这篇所需完成的工作如下: 这里一共完成4个 阅读全文
posted @ 2019-12-10 22:47 雨点的名字 阅读 (44) 评论 (0) 编辑
  2019年12月9日
摘要:京东首页项目(3) 底部模块实现 有关京东首页项目之前已经写了两篇博客: 1、 "京东首页项目(1) 总述" 2、 "京东首页项目(2) 顶部模块实现" 这篇就开始写京东首页页面底部分。这篇所需完成的工作如下: 这里一共完成3个部分, 1、多快好省模块 2、帮助模块 3、版权模块。 一、多快好省模块 阅读全文
posted @ 2019-12-09 23:05 雨点的名字 阅读 (16) 评论 (0) 编辑
  2019年12月6日
摘要:京东首页项目(2) 顶部模块 上篇对该项目做了个总述 : "京东首页项目(1) 总述" 这篇就开始写京东首页。这篇所需完成的工作如下: 顶部模块一共包含3个部分: 1、京东顶部模块 2、快捷导航模块 3、头部区域模块。 一、公共样式(base.css) 是用来存放公共的样式的,公共样式可以用于整个前 阅读全文
posted @ 2019-12-06 22:39 雨点的名字 阅读 (31) 评论 (0) 编辑
  2019年12月5日
摘要:京东首页项目总述 这里做一个京东首页的项目。主要目的是总结和提高 HTML+ CSS 技术。该项目暂不涉及JS相关技术。 一、首页效果 先看首页完成最终完成的效果 项目做完后,也会附上项目github地址(包含整个项目的素材和代码)。 二、项目介绍 1、设计目标 2、浏览器兼容问题 因为浏览器的不同 阅读全文
posted @ 2019-12-05 21:03 雨点的名字 阅读 (53) 评论 (0) 编辑
  2019年11月21日
摘要:CSS(8) 通俗讲解定位(position) CSS有三种基本的定位机制: 、`浮动 定位`。前面两个之前已经讲过,详见博客: 1、 "CSS(5) 通俗讲解盒子模型" 2、 "CSS(6) 通俗讲解浮动(float)" 3、 "CSS(7) 通俗讲解清除浮动" 一、为什么要用定位? 如果说浮动关 阅读全文
posted @ 2019-11-21 23:03 雨点的名字 阅读 (209) 评论 (2) 编辑
  2019年11月18日
摘要:CSS(7) 通俗讲解清除浮动 上一篇讲了CSS浮动 博客地址: "CSS(6) 通俗讲解浮动(float)" 一、理解清除浮动 1、为什么要清除浮动 我们前面说过,浮动本质是用来做一些文字混排效果的,但是被我们拿来做布局用,则会有很多的问题出现。 由于浮动元素不再占用原文档流的位置,所以它会对后面 阅读全文
posted @ 2019-11-18 23:22 雨点的名字 阅读 (191) 评论 (1) 编辑
  2019年11月17日
摘要:CSS(6) 通俗讲解浮动(float) CSS有三模块: 、`浮动 定位`。上篇博客有讲到 盒子模型地址: "CSS(5) 通俗讲解盒子模型" 一、理解浮动 1、概念 浮动可以理解为让某个div元素脱离标准流,漂浮在标准流之上,和标准流不是一个层次。 如果是第一次听说肯定还是还是一脸懵,下面我一步 阅读全文
posted @ 2019-11-17 22:31 雨点的名字 阅读 (158) 评论 (0) 编辑
  2019年11月13日
摘要:CSS(4) 三大特性(继承性,层叠性,优先级) CSS有三大特性分别是: ,`层叠性 优先级`。 一、继承性 给父元素设置一些属性,子元素也可以使用,这个我们就称之为继承性。 注意 运行结果 从这个例子中可以看出子标签p继承了父类div的样式。 二、层叠性 层叠性就是CSS处理冲突的一种能力。层叠 阅读全文
posted @ 2019-11-13 23:03 雨点的名字 阅读 (186) 评论 (0) 编辑
  2019年11月10日
摘要:CSS(5) 盒子模型 盒子模型四个关键字: 、`填充(padding) 边框(border) 边界(margin)`, CSS盒子模式都具备这些属性。 一、概念 1、 概念 盒子的概念就好比你现在网上买了一个苹果手机,那么新手机肯定是放在一个盒子里给你寄来。 那么这苹果手机本身就指的是 内容(co 阅读全文
posted @ 2019-11-10 23:45 雨点的名字 阅读 (233) 评论 (0) 编辑
  2019年11月6日
摘要:CSS(3) 块级标签、行内标签、行内块标签 html中的标签元素三种类型: 、`行内标签 行内块标签`。 一、概述 1、块级标签 每个块元素通常都会独自占据一整行或多整行,可以对其设置宽度、高度、对齐等属性,常用于 网页布局和网页结构的搭建 。 1)块级标签特点 注意 只有 文字 才能组成段落因此 阅读全文
posted @ 2019-11-06 23:21 雨点的名字 阅读 (108) 评论 (0) 编辑
  2019年11月4日
摘要:css字体、文本样式属性 这篇主要讲CSS文本属性中的: 和 。 一、字体样式属性 CSS 字体属性主要包括: 、`字号大小(font size) 字体粗细(font weight) 字体风格(font style) 字体颜色(color)`。 1、字体设置(font family) 网页中常用的字 阅读全文
posted @ 2019-11-04 23:45 雨点的名字 阅读 (86) 评论 (0) 编辑
  2019年10月30日
摘要:CSS(1) css语法、css选择器 一、CSS语法 1、CSS语法 CSS 规则由两个主要的部分构成: 以及 。 属性 是您希望设置的 样式属性 。每个属性有一个属性值。属性和属性值被冒号分开。 二、CSS三种引入方式 CSS三种引入方式有: 、`内部样式表 外部样式表`。 1、行内样式 它是通 阅读全文
posted @ 2019-10-30 23:28 雨点的名字 阅读 (186) 评论 (0) 编辑
  2019年10月28日
摘要:Html常用标签(2) 上篇博客讲了些常用的html标签 : "【HTML】 常用标签(1)" 这里主要讲 和 。 一、列表、表格标签 1、列表标签 把内容以列表的形式展现。列表最大的特点就是 整齐 、整洁、 有序。 示例 运行结果 2、表格标签 表格的现在还是较为常用的一种标签,但不是用来布局。常 阅读全文
posted @ 2019-10-28 22:26 雨点的名字 阅读 (83) 评论 (0) 编辑
  2019年10月27日
摘要:Html常用标签(1) 重新整理学习下前端知识从Html标签开始。我们先看HTML 骨架格式: 1)head可以存放的标签: title , meta , base , style , script , link 2)body可以存放的标签: p , h , a , b , u , i , s , 阅读全文
posted @ 2019-10-27 20:35 雨点的名字 阅读 (58) 评论 (0) 编辑