随笔分类 -  css

定位
摘要：定位 有三种 1 . 相对定位 2 . 绝对定位 3 . 固定定位 相对定位(relative) 相对定位 : 相对于自己原来的位置定位 现象和使用: 1 如果对当前元素仅仅设置了相对定位 , 那么与标准文档流的盒子什么区别 , 2 设置相对定位之后 , 我们才可以使用四个方向的属性 : top b 阅读全文
posted @ 2018-09-21 21:38 heshun 阅读(230) 评论(0) 推荐(0)
块级元素和行内元素
摘要：标准文档流等级森严 , 标签分为两种等级: 1 行内元素 2 快内元素 行内元素和快内元素的区别: (重要) 行内元素 : 与其他行内元素并排 ; 不能设置宽 , 高 默认的宽度 , 就是文字的宽度 . 块级元素: 霸占一行 , 不能与其他任何元素并列; 能接受宽 , 高 如果不设置宽度, 那么宽度 阅读全文
posted @ 2018-09-21 20:45 heshun 阅读(359) 评论(0) 推荐(0)
blockground
摘要：颜色的表示方法 一共有三种：单词、rgb表示法、十六进制表示法 rgb:红色 绿色 蓝色 三原色光学显示器，每个像素都是由三原色的发光原件组成的，靠明亮度不同调成不同的颜色的。用逗号隔开，r、g、b的值，每个值的取值范围0~255，一共256个值。如果此项的值，是255，那么就说明是纯色：黑色：光学 阅读全文
posted @ 2018-09-21 20:42 heshun 阅读(162) 评论(0) 推荐(0)
文本属性
摘要：文本对齐 注意 : 当给文本垂直居中时,要将标签转块级标签或者行内块标签,设置宽高. 文 本首行缩进 文本修饰 行高 line-height 字体属性 字体大小 字体粗细 字体系列 使用font-family注意几点： 1.网页中不是所有字体都能用哦，因为这个字体要看用户的电脑里面装没装，比如你设置 阅读全文
posted @ 2018-09-21 20:35 heshun 阅读(172) 评论(0) 推荐(0)
标准文档流
摘要：标准文档流 什么是标准文档流 宏观的将，我们的web页面和ps等设计软件有本质的区别，web 网页的制作，是个“流”，从上而下 ，像 “织毛衣”。而设计软件 ，想往哪里画东西，就去哪里画 1 空白折叠现象 : 多个空格会被合并成一个空格显示到浏览器页面中。img标签换行写。会发现每张图片之间有间隙， 阅读全文
posted @ 2018-09-21 17:26 heshun 阅读(189) 评论(0) 推荐(0)
05盒模型
摘要：盒模型 在CSS中 , "box mode" 这一术语是用来设计和布局时使用,然后再网页中基本上都会显示一下方方正正的盒子, 我们称为这种盒子叫盒模型. 盒模型有两种 : 标准模型和IE模型 , 盒模型示意图 盒模型的属性 width : 内容的宽度 height : 内容的高度 padding : 阅读全文
posted @ 2018-09-19 08:27 heshun 阅读(143) 评论(0) 推荐(0)
04.CSS的继承性和层叠性
摘要：CSS有两大特性: 继承性和层叠性 继承性 面向对象语言都会存在继承的概念 , 在面向对象语言中, 继承的特点: 继承了父类的属性和方法. 那么 css 就是在设置属性的 , 不会牵扯到方法的层面. 继承 : 给父级设置一些属性 , 子级继承了父级的该属性 , 这就是我们的css中的继承. 记住 : 阅读全文
posted @ 2018-09-18 19:27 heshun 阅读(150) 评论(0) 推荐(0)
03-CSS中的选择器
摘要：高级选择器分为： 后代选择器 子代选择器 并集选择器 交集选择器 后代选择器 子代选择器 并集选择器 交集选择器 后代选择器 使用空格表示后代选择器 , 顾名思义 父元素的后代(包括儿子,孙子,重孙子) 中间空格隔开 是后代 1 .container p{ 2 color: red; 3 } 4 . 阅读全文
posted @ 2018-09-18 17:17 heshun 阅读(164) 评论(0) 推荐(0)
02-CSS的选择器
摘要：css的选择器: 1.基本选择器 2.高级选择器 基本选择器包含: 1.标签选择器 标签选择器可以选中所有的标签元素,比如 div , ul , li , p 等等 , 不管标签藏的多深 , 都能选中,选中的是所有的, 而不是某一个, 所以说 " 共性" 而不是"特性 " 1 body { 2 /* 阅读全文
posted @ 2018-09-18 16:47 heshun 阅读(88) 评论(0) 推荐(0)
01CSS的引入方式
摘要：引入CSS方式(重点掌握) 行内样式 内接样式 外接样式 链接式 导入式 css介绍 现在的互联网前端分三层： HTML：超文本标记语言。从语义的角度描述页面结构。 CSS：层叠样式表。从审美的角度负责页面样式。 JS：JavaScript 。从交互的角度描述页面行为 CSS：Cascading S 阅读全文
posted @ 2018-09-18 16:17 heshun 阅读(119) 评论(0) 推荐(0)