层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
有时,你需要修改第三方组件的CSS; 然而你直接修改是不可以的, 但是我们非要去修改第三方的组件; 此时可以使用==》深层选择器 >>> /deep/ ::v-deep 可以帮助你。
CSS使用伪类给表单添加星号 <style type="text/css"> .form-item label::before { content: '*&#3
我们想设计一个w=180px;h=100px的div; .demo1 { width: 180px; height: 100px; background: pink; padding: 10px; b
1.visibility: hidden/visible与dispaly:none 有些人简单的认为display: none;和visibility: hidden; 这两个属性的区别在于前者隐藏后
``` 今天产品提出一个需求就是。限制input框中的的值。 当用户超过10个字符时,用户再次输入的时,就不能够输入了。 (最后就能够输入10个字符) maxlength=10 ``` ``` 此时用
在hover时,i元素变成了块级元素; 导致这两个元素各自占了一行; 最终导致样式错乱; <div class="demo"> <!-- 添加图标 和 编辑图标
vue不同的类型绑定不同的类名 第一种 <div v-for="(item, index) in list" :key="index" > <
今天大家在浏览B站,腾讯视频,等网站时,有没有发现一个现象,网站变成灰色的了。 是不是跟平常不一样了呢,这是因为今天(2020.4.4)是全国哀悼日, 所以网站这些就变成灰色的呢。 我去看了一下腾讯的
重绘:当元素的一部分属性发生改变, 如背景、颜色等不会引起布局变化, 只需要浏览器根据元素的新属性重新绘制, 使元素呈现新的外观叫做重绘。 重排(回流):当render树中的一部分或者全部因为大小边距
去除 i 标签的倾斜样式 i{ font-style:normal; } 如何引入本地的阿里字体图标 将代码下载下来 当然你将下载下载来的资源有用的放在静态资源中 然后在 main.js 引入; ma
大家都知道,web端的字体在正常情况下,最小只能够是12px; 但是有些时候,可能需要字体小于12px 那么如何解决这个办法了 可以使用css3的缩放属性scale 如果字体的大小是10px; 那么我
在添加边框的时候,有边框的元素会挤压四周的元素,形成挤压;从而造成了;页面区域的变化(抖动) 解决办法:==》 有边框的时候;添加边框; 没有边框的时候;也添加一个边框;边框的颜色和四周的颜色相融就可
一、提出问题 在浏览器中,图片有一个下间隙问题,有人也称之为图片3像素BUG 1.这并不是什么浏览器bug,而只是英文字母书写时有个基线的问题,基线决定了图片的对其方式。这才是造成浏览器中图片下间隙的
有些时候需要给html中的placeholder添加背景色
使用elementUI日期选择器中,获取不同格式的时间
######在项目的实际开发中,如果文字太长了,就显示省略号哈!!! <a class="teacher-cont-name">{{item.ke}}</a&gt
###震惊p标签可以编辑高度随内容的编辑而发生变化### 1==>只可编辑,粘贴复制字段长度不正常 <p contenteditable="true" >这是一个
常见定位方案 在讲 BFC 之前,我们先来了解一下常见的定位方案,定位方案是控制元素的布局,有三种常见方案: 普通流 (normal flow) 在普通流中,元素按照其在 HTML 中的先后位置至上而
定位相对定位 相对定位:position:relative; 相对于原来的位置,进行指定的偏移,相对定位的话,他仍然在文档流中 top:10px;  距离上方移动10px(向下) left bottom right:-20px; 距离右方移动-20px(向右)html: <!DOCTYPEhtml> <htmllang="en"> <head>  <meta
浮动标准文档流块级元素:独占一行h1~h6pdiv列表...行内元素:不独占一行spanaimgstrong...行内元素可以被包含在块级元素中,反之,则不可以display也是一种实现行内元素排列的方式,但是我们很多情况通用float block    块元素 inline    行内
在CSS中定位使用position属性来设置,有以下4种取值:静态定位- static相对定位- relative绝对定位- absolute固定定位- fixed本文举例所用的材料三个不同颜色的元素,都设置了同样的大小和左浮动。本文的例子主要操作B元素。 静态定位- static静态定位是css中的
盒子模型什么是盒子margin:外边框border:边框padding:内边框html: <!DOCTYPEhtml> <htmllang="en"> <head>  <metacharset="UTF-8">  <title>index<itle> ​  <linkrel="stylesheet"href="..
推荐的元素定位优先级优先级最高:id优先级其次:name优先级再次:css优先级更次:xpath最多的,就是css针对css和xpath的优先级做一个说明1、css是配合HTML工作的,是一种匹配模式定位,xpath是配合xml工作的,通过遍历的方式定位两者在设计