css
萌新菜鸟前端
这个作者很懒,什么都没留下…
展开
-
CSS3之动画
动画(animation)什么是动画动画是 CSS3 中最具颠覆性的特征之一,可通过设置多个节点来精确的控制一个或者一组动画,从而实现复杂的动画效果动画的基本使用先定义动画在调用定义好的动画语法格式(定义动画)@keyframes 动画名称 { 0% { width: 100px; } 100% { width: 200...原创 2019-10-28 19:22:00 · 894 阅读 · 0 评论 -
CSS布局之定位
定位定位由定位模式和边偏移组成边偏移我们定位的盒子,是通过边偏移来移动位置的。在 CSS 中,通过 top、bottom、left 和 right 属性定义元素的边偏移:(方位名词)边偏移属性示例描述toptop: 80px顶端偏移量,定义元素相对于其父元素上边线的距离。bottombottom: 80px底部偏移量,定义元素相对于其父元素下边线的距离...原创 2019-10-21 20:56:12 · 218 阅读 · 0 评论 -
css布局之浮动
CSS布局有三种机制分别是普通流(标准流)、浮动和定位。普通流(标准流)就是在HTML写的从上到下的排序浮动就是让盒子从标准流浮起来定位就是将盒子定在浏览器的某个位置。什么是浮动(float)概念:元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制移动到指定位置。作用让多个盒子(div)水平排列成一行,使得浮动成为布局的重要手段。可以实现盒子的左右对齐等...原创 2019-10-21 20:26:56 · 308 阅读 · 0 评论 -
个人学习日记—CSS盒子模型
网页布局的本质网页布局就是利用css设置好盒子的大小,然后摆放好盒子的位置。再把网页元素放入盒子里面。盒子模型盒子模型就是把HTML页面中的布局元素看作是一个盒子,也就是一个装内容的容器。盒子模型是由有元素的内容、边框(border)、内边距(padding)、和外边距(margin)组成。盒子里面的文字和图片第元素是内容区域。盒子的厚度是盒子的边框。盒子的内容与边框的距离是盒子的内...原创 2019-10-16 15:57:49 · 178 阅读 · 0 评论 -
个人学习日记—CSS复合选择器、背景、三大特性
CSS复合选择器目的是为了可以选择更准确更精细的目标元素标签。复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的后代选择器(重点)概念:后代选择器又称为包含选择器作用:用来选择元素或元素组的子孙后代其写法就是把外层标签写在前面,内层标签写在后面,中间用空格分隔。语法:.class h3{color:red;font-size:16px;}当标签发生嵌套时...原创 2019-10-15 20:52:51 · 240 阅读 · 0 评论 -
个人学习日记—CSS字体样式属性调试工具
font字体font-size:大小作用:font-size属性用于设置字号p { font-size:20px; }单位:可以使用相对长度单位,也可以使用绝对长度单位。相对长度单位比较常用,推荐使用像素单位px,绝对长度单位使用较少。注意:我们文字大小以后,基本就用px了,其他单位很少使用谷歌浏览器默认的文字大小为16px但是不同浏览器...原创 2019-10-15 19:57:12 · 203 阅读 · 0 评论 -
个人学习日记—CSS—1
CSS初识概念:CSS(Cascading Style Sheets),通常称为CSS样式表或层叠样式表(级联样式表)。作用:1、主要用于设置 HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。2、CSS以HTML为基础,提供了丰富的功能,如字体、颜色、背景的控制及整体排版等,而且还可以针对不同的浏览器设置不同的样式。引...原创 2019-10-15 19:16:48 · 184 阅读 · 0 评论