![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 58
如果决定要走又何必挽留
学习交流群:862404453
展开
-
盒子模型和伪元素
1.伪元素默认有行内元素的特征2.要伪元素和元素保持在一行可以用: display: inline-block;原创 2024-04-05 19:27:11 · 281 阅读 · 0 评论 -
Cover和contain属性
background-size的用法。原创 2024-02-25 22:03:04 · 446 阅读 · 0 评论 -
scope,deep穿透的实际应用
文字并没有编程红色,scope属性能保证当前页面的属性不被污染。此时我们可以利用deep属性进行穿透。穿透子组件,本来子组件有独立的作用域。原创 2023-08-12 19:29:37 · 309 阅读 · 0 评论 -
less的使用
less的使用 下包的后缀原创 2022-09-18 13:07:57 · 404 阅读 · 0 评论 -
深度(穿透)选择器 ::v-deep/deep/及 > > >
::v-deep 样式穿透原创 2022-06-30 22:38:40 · 525 阅读 · 0 评论 -
布局的方式
一.通过flex让盒子水平垂直居中1.代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2022-02-25 13:13:33 · 84 阅读 · 0 评论 -
移动端的适配问题
一.媒体查询的定义(1)作用和简介;使用 @media 查询,你可以针对不同的媒体类型定义不同的样式。@media 可以针对不同的屏幕尺寸设置不同的样式,特别是如果你需要设置设计响应式的页面,@media 是非常有用的。当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面。(2) 代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &l.原创 2021-11-28 12:31:29 · 422 阅读 · 0 评论 -
Element ui一些常见的使用
一.引入入element ui的方式1.在main.js中全局引入import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);2.按需引入1.下载包npm install babel-plugin-component -D2.在babel.config.js添加配置项module.exports = { presets: [原创 2021-11-12 16:54:34 · 2232 阅读 · 0 评论 -
探索表单里面的奥秘
一.什么是表单?表单在网页中主要负责数据采集功能,html中的form标签,就是用于采集用户输入的信息,并且通过from标签的提交操作,把采集到的信息提交到服务器进行处理二.表单的组成部分1.表单域:<from> </from>2.表单标签3.提示信息三.表单中的action属性是用来干什么的?1.作用:action属性用来规定当提交表单时,向何处发送表单数据2.当<form>表单在未指定action属性值的情况下,会把数据提交原创 2021-10-28 22:35:39 · 181 阅读 · 0 评论 -
div盒子居中的方法
一. 先介绍下定位绝对定位:相对于最近一级的祖元素而言,不占有位置绝对定位:相对于自己当前的位置而言,占有位置口诀:父相子绝二.在介绍一下2D transform: translateX(-50%); transform: translatey(-50%); 相对于自身的宽度和高度移动代码演示: * { margin: 0px; padding: 0px; } .father {...原创 2021-10-08 20:47:39 · 303 阅读 · 0 评论 -
body,html,window,dom,bom
前言:一.先明确一点 body和html在哪里见过呢?body,和html在 写网页的时候见过,仔细观察你就可以发现html包含了body标签,说明html的范围大于body的范围,其中多了title head等标签 ,可以把html理解成 整个窗口(document)的内容,而body以这条分割线进行分隔, document其实也就是指的html,我们平时操作的dom文档也就是操作document里面的内容 也就是页面的内容 ,window —— 浏览器窗口...原创 2021-10-08 23:19:54 · 243 阅读 · 0 评论 -
css3:动画trantion @keyframes
一.transition的属性及值距离:transition: 值1,值2,值3值1:谁做动画,一般选者all,值2:做动画的时间值3:运动的曲线,1.ease:(加速然后减速)默认值,ease函数等同于贝塞尔曲线(0.25,0.1,0.25,1.0)。(默认)2.linear:(匀速),linear函数等同于贝塞尔曲线(0.0,0.0,1。0,1.0)3.ease-in:(加速),ease-in 函数等同于贝塞尔曲线(0.42,0,1.0,1.0)4.ease-out...原创 2021-10-20 07:51:08 · 315 阅读 · 0 评论 -
css2: 详解css的表格
一.定义css中的表格元素有那些1.table作用范围:定义一个大表格2.thead作用:为了更更好的区分结构,列如th3.tbody作用:为了更更好的区分结构,列如td4.tofoot作用:为了更好的区分结构5.tr作用:表示表格中的行6.th作用:表格中的表头,能使字体加粗,还能够居中7.td作用:表示一个单元格;图片详解:二,表格中的一些css修饰1.合并边框表格边框合并属性(border-collapse)用来定...原创 2021-10-19 12:48:31 · 711 阅读 · 0 评论 -
readonly禁止用户输入 ,disabled禁用按钮,input:hidden的作用
1.在css中禁止用户输入内容要输入什么命令命令:readonly:作用:对文本框实现禁用 <form action="form_action.asp" method="get"> Name:<input type="text" name="email" /> Country:<input type="text" name="country" value="China" readonly="readonly" /> <in...原创 2021-10-18 23:19:58 · 361 阅读 · 0 评论