css
记录学习过程中遇到的问题和基础知识小案例的总结
初辰ge
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
CSS知识总结(思维导图)
原创 2021-03-22 17:24:46 · 1581 阅读 · 1 评论 -
CSS基础知识(高级技术)
CSS基础知识元素的显示与隐藏display 显示visibility 可见性overflow 溢出CSS用户界面样式鼠标样式cursor轮廓线 outline防止拖拽文本域resizevertical-align 垂直对齐图片、表单和文字对齐去除图片底侧空白缝隙溢出的文字省略号显示white-spacetext-overflow 文字溢出CSS精灵技术(sprite)为什么需要精灵技术精灵技术讲解元素的显示与隐藏display 显示display 设置或检索对象是否及如何显示语法display:原创 2020-09-14 20:26:57 · 4761 阅读 · 3 评论 -
CSS基础知识(定位)
CSS基础知识CSS布局的三种机制普通流(标准流)浮动定位定位模式静态定位(static)相对定位(relative)绝对定位(absolute)固定定位(fixed)边偏移定位案例新浪首页案例分析顶部和底部左右两侧CSS布局的三种机制普通流(标准流)浮动让盒子从普通流中浮起来—让多个盒子(div)水平排列成一行定位让盒子自由的定在其他盒子上面—CSS(js 特效)离不开定位定位模式语法选择器 { position: 属性值; }静态定位(static)静态定位是元素的默认定位方式,原创 2020-09-13 20:29:01 · 1060 阅读 · 2 评论 -
CSS基础知识(盒子模型、浮动)
CSS基础知识盒子模型看透网页布局的本质概念盒子边框内边距外边距块级盒子水平居中文字居中和盒子居中区别清除元素的默认内外边距外边距合并相邻块元素垂直外边距的合并嵌套块元素垂直外边距的合并盒子模型布局稳定性浮动CSS 布局的三种机制普通流(标准流)浮动定位为什么需要浮动什么是浮动概念作用语法特点浮动的应用浮动的扩展清除浮动为什么要清除浮动清除浮动本质清除浮动的方法语法额外标签法父级添加overflow属性方法使用after伪元素清除浮动使用双伪元素清除浮动Photoshop切图PS切片工具切图插件盒子模型原创 2020-09-09 21:39:55 · 3768 阅读 · 5 评论 -
CSS基础知识(复合选择器、标签模式、背景)
CSS基础知识复合选择器后代选择器子元素选择器交集选择器并集选择器伪类选择器行高单行文本垂直居中行高和高度的三种关系标签显示模式什么是标签显示模式块级元素行内元素行内块级元素标签显示模式转换CSS特性层叠性继承性优先级CSS背景背景颜色背景图片背景平铺背景位置背景附着背景简写背景透明CSS注释复合选择器后代选择器概念后代选择器又称为包含选择器语法.class h3{color:red;font-size:16px;}作用用来选择元素或元素组的子孙后代把外层标签写在前面,内层标签写在后面,原创 2020-09-08 19:17:31 · 3074 阅读 · 6 评论 -
CSS基础知识(选择器、字体样式)
CSS基础知识认识CSS概念作用引入CSS行内式(内联式)概念语法注意缺点内部样式表(内嵌式)概念语法注意缺点外部样式表(外链式)概念语法属性CSS选择器作用基础选择器标签选择器类选择器id选择器通配符选择器id选择器和类选择器区别CSS字体样式font字体font-size:大小font-family:字体font-weight:字体粗细font-style:字体风格font:综合设置字体样式CSS外观属性color:文本颜色text-align:文本水平对齐方式line-height:行间距text-i原创 2020-09-07 23:24:43 · 1748 阅读 · 5 评论
分享