- 博客(8)
- 收藏
- 关注
原创 css Learning8 弹性盒子Flexible Box Layout
弹性盒子布局Flexible Box Layout弹性盒子简单介绍弹性盒子内容弹性盒子属性父元素属性flex-directionjustify-contentalign-itemsflex-wrapalign-content子元素属性orderalign-selfflex弹性盒子的垂直居中弹性盒子简单介绍弹性盒子是 CSS3 的一种新的布局模式。CSS3 弹性盒( Flexible Box 或 flexbox),是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。引入弹
2020-11-19 19:09:21
297
原创 css Learning7
css3 2D、3D转换、过渡2D转换translate()rotate()scale()skew()3D转换rotateX/rotateYtransform-origintransform-styleperspective过渡transition精灵图片什么是精灵图片如何使用CSS3 转换可以对元素进行移动、缩放、转动、拉长或拉伸。转换的效果是让某个元素改变形状,大小和位置。2D转换2D 转换方法:translate()translate()方法,根据左(X轴)和顶部(Y轴)位置给定的参数,从
2020-11-17 19:24:05
434
2
原创 css Learning6
css3部分新增属性css3 背景backgroundbackground-colorbackground-imagebackground-repeatbackground-attachmentbackground-positionbackground-originbackground-clipbackground-sizecss3 边框css3 圆角css3 渐变css3 阴影css3 文本效果css3 背景background背景缩写属性可以在一个声明中设置所有的背景属性。可以设置的属性分别是:
2020-11-17 17:01:34
608
2
原创 css Learning5
定位与z-index定位相对定位绝对定位固定定位z-index定位CSS Position(定位)position 属性指定了元素的定位类型。position 属性的五个值:static 静态定位 - HTML 元素的默认值,即没有定位,遵循正常的文档流对象。relative 相对定位 - 相对定位元素的定位是相对其正常位置。absolute 绝对定位 - 绝对定位的元素的位置相对于最近的已定位父元素,如果元素没有已定位的父元素,那么它的位置相对于htmlfixed 固定定位 - 元素的位
2020-11-11 19:15:25
260
原创 css Learning4
标准文档流和浮动标准文档流标准文档流的特性行内元素和块级元素HTML标签分为两大类:容器级标签、文本级标签行内元素和块级元素的转换浮动浮动的性质高度塌陷标准文档流内容从左到右,从上到下书写的。前面的内容大小或者位置发生变化时,后面的内容位置也会随之变化。web页面,就是一个标准的文档流。标准文档流的特性空白折叠现象无论多少个空格,tab,换行都会折叠为一个空格。高矮不同,底部对齐一行写满,自动换行行内元素和块级元素标准文档流将HTML元素分为了两种:行内元素块级元素区别行
2020-11-10 19:28:48
335
原创 css Learning3
标准盒模型CSS 盒子模型(Box Model)Content(内容)Padding(内边距)Border(边框)边框样式 border-style边框宽度 border-width边框颜色 border-colorMargin(外边距)其他溢出内容隐藏外边距塌陷(外边距合并)CSS 盒子模型(Box Model)所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。
2020-11-09 19:14:59
357
原创 css Learning2
css选择器基础选择器通配符选择器(Universal Selector)标签选择器(Type Selector)类选择器id选择器高级选择器关系选择器属性选择器伪类选择器伪元素选择器基础选择器选择器格式选择器名称描述*通配选择器选择所有标签作为选择器E标签选择器选择E标签作为选择器E.myclass类选择器选择类名为myclass的E标签作为选择器E#myidid选择器选择id值为myid的E标签作为选择器通配符选择器(Universal
2020-11-09 13:04:41
57
原创 css Learning1
CSS学习基础篇什么是css样式语法如何将样式表加入您的网页内联方式 Inline Styles内部样式块对象 Embedding a Style Block外部样式表 Linking to a Style Sheetcss 字体基础css 文本基础css 选择器通配符选择器标签选择器id选择器类选择器(最常使用)什么是cssCSS是Cascading Style Sheet(层叠样式表)的缩写。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。样式语法样式语法:选择器 {属
2020-11-05 18:56:55
356
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人