CSS
css
宫小白(转掘金了)
热爱文学,热爱生活,热爱编程
展开
-
前端基础总结之css 10_css3_3D
知识导航:透视:perspctive3D 位移:translate3d(x, y, z)3D 旋转:rotate3d(x, y, z)正文之前先来解释一下页面的三维坐标系x轴:还是水平向右(正值方向)y轴:竖直向下(正值方向)z轴:垂直于屏幕向外(正值方向)1. 透视属性perspective及3D呈现 transfrom-style1.1 透视属性如果想使我们的页面...原创 2020-01-09 22:23:40 · 327 阅读 · 0 评论 -
前端基础总结之css 09_css3_2d转换及动画
知识导航:2D 转换之 translate移动旋转缩放动画animation1. 2D转换2d转换的作用是将我们的盒子在二维平面上移动、旋转、缩放。属性:transform对应属性值translate,移动rote,旋转scale,缩放下面逐一解释1.1 移动基本语法:综合写法transform: translate(x, y)分开写transf...原创 2020-01-08 22:12:08 · 228 阅读 · 0 评论 -
前端基础总结之css 08_css3选择器
知识导航:c3中新增选择器属性选择器结构伪类选择器伪元素选择器1. 属性选择需求:在不改变结构的情况选择下面的input盒子。用我们以前的选择器,类,id可能很好实现。但用它们还得去结构里面添加类名有没有别的方法呢,属性选择器来了。实现: input[type="password"] { width: 100px; ...原创 2020-01-08 18:55:26 · 350 阅读 · 0 评论 -
前端基础总结之css 06_精灵等综合
知识导航:盒子的显示与隐藏用户界面样式鼠标样式input轮廓线文本域脱拽问题设置垂直对齐使溢出text文本以省略号显示css精灵1. 盒子的显示与隐藏应用:使一个盒子显示或者隐藏。如:开始鼠标未经过我的淘宝当鼠标经过我的淘宝即,鼠标经过时盒子显示。鼠标移出时,盒子隐藏1.1 display显示基本语法:display: none 隐藏对象displa...原创 2020-01-07 00:19:20 · 251 阅读 · 0 评论 -
前端基础总结之css 05_定位
知识导航:何为定位定位的分类及其特点定位应用定位是否也改变显示模式1. 何为定位分别看下面的效果图:图一图二像图一左下角的可以随着页面的滚动,但自身位置可以保持在浏览器可视位置相对不变的小导航栏;图二压在轮播图上边的几个小圆点。这两种效果使我们前几篇所用技术无法办到的。也许你会想浮动也可以使盒子脱标,压在其标准流盒子的上方。但这里我很遗憾的告诉你,浮动的盒子是无法压住图...原创 2020-01-06 18:33:46 · 548 阅读 · 0 评论 -
前端基础总结之css 04_浮动
知识导航:浮动的概念浮动的用法浮动的应用与父兄弟盒子的关系清除浮动网页布局的核心就是如何使用css摆放盒子,及其修改样式。浮动的作用举足轻重1. 浮动的概念css提供了三种方法让我们进行盒子的摆放,它们分别是:普通流块级元素独占一行从上向下依次排列;行内元素则可在一行,从左至右。超过了其父盒子宽度自动换行浮动让盒子脱离标准流,它的主要作用是使块级的盒子可以在一行显示。...原创 2020-01-05 18:16:14 · 638 阅读 · 0 评论 -
前端基础总结之css 03_盒模型
知识导航:盒子边框盒子内边距盒子外边距涉及部分c3内容网页的本质就是利用css设置盒子的大小,摆放盒子的位置。最后把内容图片、文字等放入其中。标准的盒子模型:1. 盒子边框基本语法:border : border-width || border-style || border-color属性作用border-width定义边框粗细,单位是px...原创 2020-01-04 23:19:51 · 449 阅读 · 0 评论 -
前端基础总结之css 02
知识导航复合选择器标签的显示模式行高css背景css三大特性1. 复合选择器问:我们有了上篇的基础选择器为什么还要学习复合选择器呢?答:在实际开发应用中基础选择并不能满足我们的需要,不能快速准确的选择标签。而复合选择器则能更为准确更为精确的选中目标元素1.1 后代选择器用来选择元素或元素组的子孙后代即当标签发生嵌套时,内层标签就成为了外层标签的后代语法格式:父级 子级...原创 2020-01-04 18:19:29 · 809 阅读 · 0 评论 -
前端基础总结之css 01
css 网站的美容师,它的作用便是对页面的样式进行修改、美化知识导航css引入的三种格式css基础选择器font属性基本外观属性css初识概念:CSS(Cascading Style Sheets) ,通常称为CSS样式表或层叠样式表(级联样式表)作用:主要用于设置 HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的...原创 2020-01-03 19:55:51 · 488 阅读 · 1 评论