css
文章平均质量分 93
css
扣1送地狱火
懒狗罢了
展开
-
css笔记(六)
笔记基于尚硅谷目录1.过渡与动画1.1过渡1.2动画2.变形2.1平移2.2 Z轴平移2.3 旋转2.4缩放2.5设置3D效果3练习3.1过渡练习3.2动画练习3.3浮出效果3.4时钟3.5立方体3d1.过渡与动画1.1过渡过渡transition通过过渡可以指定一个属性发生变化时的切换方式通过过渡可以创建一些非常好的效果,提升用户的体验属性值transition-property:指定要执行过渡的属性多个属性间原创 2022-02-05 22:21:41 · 365 阅读 · 1 评论 -
css笔记(四)
笔记基于尚硅谷1.字体字体相关的样式color 用来设置字体颜色的font-size字体的大小,和font相关的单位em相当于当前元素的一个font-sizerem相当于根元素的一个font-sizefont-familyserif 衬线字体sans-serif 非衬线字体monospace 等宽字体我们经常使用的一些字体,如微软雅黑、黑体、楷体、宋体、Consolas等,才是具体的某种字体也就是说,font-family 指定字体的类别,浏览器会...原创 2022-01-24 22:28:33 · 686 阅读 · 1 评论 -
css笔记(一)
笔记基于菜鸟教程尚硅谷1.css简介css是层叠样式表(Cascading Style Sheet )的简称,是一组样式设置的规则,用于控制页面的外观样式。1.1为什么要使用css实现内容与样式的分离,便于团队开发 样式复用,便于网站的后期维护 页面的精确控制,让页面更精美1.2使用css的作用设置HTML页面的文本内容,图片的外形,以及版面的布局和外观显示样式。2.css的基本语法选择器通过选择器选定指定页面,比如 p 的作用就是选中所有的p元素。声...原创 2022-01-21 09:03:09 · 622 阅读 · 1 评论 -
css笔记(三)
笔记基于尚硅谷1.浮动1.1浮动的简介通过浮动可以使一个元素向其父元素的左侧或者右侧移动,使用float属性设置元素的浮动可选值:none 默认值元素不浮动 left 向左浮动 right 向右浮动元素设置浮动之后元素的水平布局等式不需要强制成立元素设置浮动以后会完全从文档流脱离元素下面还在文档流中的元素会向上一定浮动可以让元素横向排列浮动元素会完全脱离文档流不占位置 设置浮动以后元素会向父元素的左侧或者右侧移动 浮动元素不会从父元素中移出 浮动元素向左右移动不.原创 2022-01-24 22:29:17 · 155 阅读 · 0 评论 -
css笔记(二)
笔记基于尚硅谷菜鸟教程目录1. 文档流2.盒子模型2.1简介2.2边框2.3盒子的内边距2.4盒子的外边距2.5盒子在水平方向的布局2.6盒子在垂直方向的布局2.7外边距的折叠2.8行内元素的盒模型2.9浏览器的默认样式2.10盒子的大小2.11盒子的阴影轮廓和圆角1. 文档流我们认为网页是一个多层结构,是一层一层的可以通过css为每一次设置样式用户只能看到最上面的一层我们称最下面的一层叫文档流,文档流是网页的基础我们创建的元素默认..原创 2022-01-24 22:28:09 · 2108 阅读 · 1 评论 -
css笔记(五)
笔记基于尚硅谷目录1.渐变1.1线性渐变1.2径向渐变2.雪碧图3.表格3.1表格3.2长表格3.3设置表单样式4.表单4.1表单4.2文本框4.3密码框4.4提交按钮4.5单选框4.6多选框4.7下拉表单4.8按钮4.9表单补充1.渐变1.1线性渐变通过渐变可以设置一些复杂的背景颜色,可以实现从一个颜色向其他颜色过渡的效果渐变是图片,需要通过background-image来设置线性渐变,颜色沿着一条直...原创 2022-01-24 22:29:39 · 420 阅读 · 1 评论