关注
分享
编程大学姐远春儿
全栈码农，专注java毕设手把手带敲教程分享、毕设实战项目开发讲解。
展开
-
CSS学习笔记14：定位
定位有三种，分别是相对定位、绝对定位、固定定位。一、相对定位相对定位，就是微调元素位置的。让元素相对自己原来的位置，进行位置调整。 基本语法：position:relative;1.相对定位的盒子，不脱标，老家留坑，形影分离2.相对定位用途基本语法：position:relative;top:100px;left:200px;相对定位有坑，所以一般不用于做“压盖”效果。页面中，效果极小。就两个原创 2017-02-15 20:52:08 · 558 阅读 · 2 评论 -
CSS学习笔记13：background系列属性
一、background-color属性background-color指的是背景颜色属性。在css2.1中，颜色的表示方法共有三种：英语单词、rgb表示法、十六进制表示法。1.英语单词表示法基本语法：background-color:red;2.rgb表示法rgb表示三原色“红”red、“绿”green、“蓝”blue。光学显示器，每个像素都是由三原色的发光原件组成的，靠明亮度不同调成不同的颜色的原创 2017-02-15 16:14:56 · 884 阅读 · 2 评论 -
CSS学习笔记12：伪类和超链接的美化
一、伪类伪类用于向某些选择器添加特殊的效果。类就是工程师加的，比如div属于box类，很明确，就是属于box类。但是a属于什么类？不明确。因为要看用户有没有点击、有没有触碰。所以，就叫做“伪类”，同一个标签，根据用户的某种状态不同，有不同的样式。原创 2017-02-15 13:38:33 · 1682 阅读 · 3 评论 -
CSS学习笔记11：行高和字号的设置
一、行高和字号的设置1.行高CSS中，所有的行，都有行高。盒模型的padding，绝对不是直接作用在文字上的，而是作用在“行”上的。 基本语法：文字，是在自己的行里面居中的。比如，现在文字字号14px，行高是24px。那么： 注意：为了严格保证字在行里面居中， 行高、字号一般都是偶数。这样，它们的差，就是偶数，就能够被2整除。原创 2017-02-15 12:21:36 · 2837 阅读 · 2 评论 -
CSS学习笔记10：属性margin使用说明
margin是css中用来设置外边距的属性，使用时需要注意以下几种情况：一、margin的塌陷现象标准文档流中，竖直方向的margin不叠加，以较大的为准。如果不在标准流，比如盒子都浮动了，那么两个盒子之间是没有塌陷现象的：二、 盒子居中margin:0 auto;margin的值可以为auto，表示自动。当left是auto的时候，盒子靠右墙，当right是auto的时候，盒子靠左墙；当left、原创 2017-02-15 09:39:43 · 826 阅读 · 0 评论 -
CSS学习笔记9：清除浮动
在实际操作中，一般不会给父亲盒子设置高度，它的高度是随内容增加自适应的高度。浮动盒子不属于文档标准流，父亲盒子里的元素浮动后，就脱离了标准文档流，所以无法撑高父亲盒子，父亲盒子的高度为0，也就会出现父亲盒子不会自动伸高来闭合浮动元素的现象。但是，在实际布局中，我们并不希望这样，所以需要闭合浮动元素，使其父亲盒子表现出正常的高度。为了解决这个问题，我们就要清除浮动。 清除浮动的方法有4种原创 2017-02-12 20:50:18 · 660 阅读 · 2 评论 -
CSS学习笔记8：实操——运用浮动简单布局网页
学习完浮动，我们就可以利用已学的知识做一个初级的网页布局了。下面我们布局成下图所示的网页：原创 2017-02-12 19:58:35 · 1651 阅读 · 3 评论 -
CSS学习笔记7：如何脱离标准文档流之浮动
标准流做不出网页：因为能并排的不能改宽高。所以，要脱离标准流。使元素脱离标准文档流的方法之一就是浮动，浮动也是css布局用的最多的属性。原创 2017-02-12 19:06:35 · 881 阅读 · 0 评论 -
CSS学习笔记6：标准文档流
web页面的制作，是个“流”，像水流一样，必须从上往下，一点点的编织，不像画画，可以这个地方画一个，另一个地方画一个，随意而为。一、标准文档流的一些微观现象1. 空白折叠现象1)标签与标签之间紧密连接，网页上两个内容也是紧密连接，中间没有空格。 2)标签与标签之间中间有一个空格，网页上两个内容之间也有一个空格的间隙。 3)标签与标签之间有一个以上的空格（n>1），网页上两个内容之间也只有一个空格原创 2017-02-11 22:19:18 · 629 阅读 · 0 评论 -
CSS学习笔记5：盒模型
CSS不仅为网页的内容添加样式，还可以对网页中元素位置的排版布局进行像素级精确控制。CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型，通过学习盒子模型就可以明白网页中div和div之间的相对位置是如何布局的。一、认识CSS盒子模型基本属性一个盒子中主要的属性就5个：width、height、padding、border、margin。原创 2017-02-11 09:56:10 · 722 阅读 · 1 评论 -
CSS学习笔记4：CSS层叠性、继承性以及权重计算
在实际使用CSS选择器时，会遇到各种各样的情况，比如给一个父亲标签添加的样式会不会遗传给后代？比如如果用不同的方式给同样的内容添加样式，会听谁的？了解了CSS继承性、层叠性以及选择器的权重计算，你就会知其然并且知其所以然啦！原创 2017-02-10 19:36:47 · 707 阅读 · 1 评论 -
CSS学习笔记3：CSS高级选择器
上一篇博客，总结了CSS基础选择器的种类和用法，这一篇总结一下CSS高级选择器，之所以说“高级”，是因为今天总结的选择器含有简单的逻辑关系，比如交集和并集选择器，跟数学课上学的交集和并集内涵是相同的。原创 2017-02-10 15:25:07 · 652 阅读 · 0 评论 -
CSS学习笔记2：CSS基础选择器
在Word文档中，如果想给标题加粗、标红、居中，我们首先需要选中标题，再更改Word最上方工具栏中相应的标签即可。相似的，CSS要想给页面添加绚丽多彩的样式，第一步就要选中需要改变的样式的内容，我们叫CSS选择器。CSS选择器种类很多，在上篇文章《CSS学习笔记1：初始CSS及其常见属性》 里所说的CSS基本语法中的使用的选择器，只是其中的一种——“标签选择器”。下面这两篇文章，咱们就聊聊CSS选择原创 2017-02-10 09:49:48 · 685 阅读 · 1 评论 -
CSS学习笔记1：初识CSS及其常见属性
前面我们已经学习了HTML的相关知识，接下来，我们就开始学CSS的知识。一个完整的前端网页少不了HTML、CSS、JavaScript。其中HTML是超文本标记语言，它是从语义的角度描述网页的结构；CSS是层叠式样式表，它的功能是从审美的角度负责页面的样式，CSS即是英文“cascading style sheet”的缩写；而JavaScript的功能是从交互的角度描述网页的行为。从今天起呢，我就进原创 2017-01-11 20:44:02 · 791 阅读 · 4 评论 -
HTML学习笔记5：列表和表单
本文介绍了如何制作列表和表单，并根据所学知识，进行实战演示！原创 2017-01-09 21:17:33 · 851 阅读 · 2 评论 -
HTML学习笔记4：如何给网页添加图片和超链接
如何添加图片 相对路径 添加超链接 制作一个简单的网页原创 2017-01-08 22:41:06 · 42664 阅读 · 4 评论 -
HTML学习笔记3：HTML基本骨架详解
HTML基本骨架详解，字符集，关键字，描述原创 2017-01-08 22:29:55 · 4074 阅读 · 2 评论 -
HTML笔记2：代码编辑器介绍
“工欲善其事，必先利其器”代码编辑器介绍，有了金箍棒，还怕成不了美猴王？原创 2017-01-08 16:14:50 · 768 阅读 · 2 评论 -
前端小小小白：HTML是啥？能吃吗？真相在这里，吃货别哭……
前端学习笔记整理，干货！原创 2017-01-04 20:57:15 · 849 阅读 · 3 评论