![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 93
css基础以及进阶
木偶☜
CSDN博客专家认证、前端领域优质创作者,InfoQ写作社区专家博主,擅长PC端开发,精通uniapp。人生就是个不断成长、不断学习的过程,努力只为让自己变得更优秀!
展开
-
深究--CSS中px、rem与em的区别
前言:随着PC端的网页盛行,移动端作为重要的一部分,也是火热的发展,但是鉴于一些单位的使用,我们并不知道该怎样去使用,那么今天我们来看看常用的三种单位PX、rem与em。目录:一.PX1.概念:2.特点:二.rem一.PX1.概念:px像素(Pixel)。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。PX:px是pixel的缩写,是像素单位也是为影像显示的基本单位,译自英文“pixel”,pix是英语单词picture的常用简写,加上英语单词“元素”element,就得到pixel,原创 2020-12-21 14:03:04 · 83699 阅读 · 0 评论 -
Flex布局教程:语法篇
前言:在现在网页中,我们不仅仅局限于PC端,我们也在适应移动端进行项目的开发,那么传统的布局方式又难以实现我们的移动端,所以我们来接触Flex布局来进行了解。网页布局(layout)是 CSS 的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地实现各种页面布局。目前,它已转载 2020-12-20 22:06:43 · 83729 阅读 · 0 评论 -
CSS3动画--木马图
前言:在学习了上一篇文章CSS3动画之后,我们今天来做一个木马图来练习一下。目录:一.Html二.CSS三.JS一.Html首先我们先进行具体的页面设计,知道需要什么元素来进行布局:` <div class="action"><!--左边的点击按钮--> <button class="left"><</button> <!--主要的图片--> <div id="menu-1" cl原创 2020-12-15 18:16:53 · 84034 阅读 · 0 评论 -
浅谈CSS3动画
前言:特效无疑是炫酷的一个东西,很多网页中都存在这种特效,这也就是我们今天要看的动画.目录:一.动画二.keyframes1.定义:2.绑定事件(animation):3.复合写法:三.举例一.动画所谓的动画是使元素从一种样式逐渐变化为另一种样式的效果,就是通过CSS代码来对我们需要产生特效的元素的样式进行修改。我们会使用到keyframes来进行动画的操作。二.keyframes1.定义:keyframes:关键帧;格式为:@keyframes animationname {keyframes原创 2020-12-14 20:26:26 · 82443 阅读 · 2 评论 -
浮动以及定位
一.浮动浮动就是一个元素漂浮在另一元素之上,浮动是让元素脱离文档流的方法,浮动可 以将元素转化为内联块元素,相邻浮动的块元素可以并在一起,超出父级宽度就换行.浮动一般有左浮动(float:left)和右浮动(float:right)floatfloat 属性定义元素在哪个方向浮动。在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。float属...原创 2019-11-25 19:19:33 · 131887 阅读 · 0 评论 -
css几种常用的基本标签属性
1.文字的几种属性font-family设置字体样式font-size设置字体大小font-weight是否加粗color设置颜色字体属性一般可以写在一块(font:加粗,大小/行高,样式)2.div经典的网页布局div是一个框(style样式设置)border-style设置边框样式border-color设置边框颜色border-width设置边框宽度border-rad...原创 2019-11-24 17:03:39 · 131970 阅读 · 0 评论 -
css初步选择器介绍
css:css是层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化.css语法结构:选择器{属性:属性值;属性:属性值…}(1)标签选择器标签{属性:属性值;属性:属性值…}例如...原创 2019-11-23 14:54:39 · 131655 阅读 · 0 评论 -
表单以及css的引入
表单:可以套用表格元素(一个页面中有且只有一个)表单基本格式<form><label></label>(用来显示信息或者说明性的文字)</form>input中的属性:type:设置表单元素类型具体有以下几中:1.text:文本类型 2. password:密码类型 3.checkbox:复选框4.rabio:单选按钮 5.submit...原创 2019-11-23 12:33:30 · 131870 阅读 · 0 评论 -
浅谈CSS-2、3D转换
前言:在浏览一些网页时候,我们难免会看到一些比较炫酷的元素转换效果,有2D和3D的,那么我们今天就来看看这CSS中的转换。目录:一.转换二.2D转换1.解释:2.移动:3.旋转4.缩放三.3D转换复合写法:四.注意一.转换所谓转换指的就是使元素改变形状、尺寸和位置的一种效果,也就是通过css代码来改变其样式从而产生的转换。二.2D转换1.解释:2D转换就是在二维坐标系里面来进行执行的转换。二维坐标系中存在X和Y轴,我们改变其样式就是在X和Y方向上对其进行一些样式的改变。我们使用transfor原创 2020-12-13 23:33:58 · 82164 阅读 · 0 评论