类 :在HTML当表现class属性时候,人们可以用点(.)号来作为~=号一个替代选择,所以 div.value等同于div[class~=value]。此时.value只能严格应用于HTMLclass属性,所以此类选择符叫类选择 符。在CSS样式通常依附与一个元素在文档树位置,这个简单模型对于许多情况来说是足够,但是一些常见版式状态不能应用于文档树结构。例 如,在H
转载 2009-12-08 23:51:00
332阅读
2评论
keep-alive<keep-alive>包裹动态组件时候,会缓存不活动组件实例,而不是摧毁他们。其是一个抽象组件,自身不会渲染一个DOM元素,也不会出现在父组件链。 说白了被<keep-alive>包裹组件其会被缓存。没有被<keep-alive>包裹的话,activated是不起作用我们现在创建两个子组件conpoment1,compoment
获取节点是操作节点前提,获取节点是很重要,希望这篇文章可以帮助到有需要小伙伴,跟小编一起来看看吧~ 文章目录直接获取DOM节点通过DOM节点之间关系获取指定节点定位页面元素属性判断元素节点类型nodeType属性获取节点节点名称nodeName属性设置或返回指定节点节点值nodeValue属性 直接获取DOM节点方式1:通过id获取单个标签var box1 = document.ge
转载 2024-03-18 06:27:02
200阅读
一:CSS概述什么是CSSCSS就是层叠样式表(Casading Style Sheets),通常称为CSS样式表,或者是级联样式表。主要用于设置HTML文本,内容(字体,大小,对齐),图片外形(宽高,边框样式,边距等),以及版面的布局等外观样式。CSS以HTML为基础,提供了丰富功能。还可以针对不同浏览器设置不同样式。HTML和CSS关系HTML结构层:负责从语义角度搭建页面CSS
CSS padding 属性定义元素边框与元素内容之间空白区域。㈠padding(填充)⑴当元素 padding(填充)内边距被清除时,所释放区域将会受到元素背景颜色填充。⑵单独使用 padding 属性可以改变上下左右填充。⑶可能值:⑴length    定义一个固定填充(像素, pt, em,等)⑵%      &nbs
转载 2023-07-26 20:09:26
113阅读
目录html表单css选择器css文本属性设置CSS引入方式Emment语法选择器二元素显示模式背景 html表单 **action**表示要将接受信息传往那个页面。 **method** 有get 和post两个方法。默认是get方法。 **name**为我们为他起名称。 form之间放置输入框 按钮等 输入框常用 input方法type为设置类型 有 text button subm
转载 2023-07-22 16:18:14
62阅读
使用rem进行字体大小调整主要问题是使用这些值有些困难。让我们看一个以rem单位表示常见字体大小示例,当然,假定基本大小为16px:报表广告10px = 0.625rem12px = 0.75rem14px = 0.875rem16px = 1rem(基本)18px = 1.125rem20px = 1.25rem24px = 1.5rem30px = 1.875rem32px = 2rem
标签(空格分隔): 学习笔记XML为存储结构化数据提供了强大方法,但是它没有提供关于数据如何显示地信息,(数据结构与数据表示无关)。可以使用CSS来控制XML文档各元素呈现方式。CSS语法又三部分构成:选择器(selector)、属性(property)、属性值(value),基本语法个数如下:selector { property1: value; property2:
转载 2024-04-11 13:20:16
38阅读
css樣式rel屬性:rel属性用于定义连接文件和html文档之间关系。rel=stylesheet指定一个固定或首选样式而rel="alternate    stylesheet"定义一个交互样式。固定样式在样式表激活时总被应用。链接标签arel屬性超级链接<a>标记代表一个链接点,是英文anchor简写。它作用是把当前位置文本或图片连接
转载 2024-06-01 18:47:33
22阅读
1、为什么使用emem也是css一种单位,和px类似。很多人会疑惑为什么有了px之后还要使用em,而且em使用起来相对于px来讲比较麻烦。em主要是应用于弹性布局,下面给出一个小栗子说明em强大之处<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &l
转载 2024-03-06 16:33:07
131阅读
Less 是一门 CSS 预处理语言,它扩展了 CSS 语言,增加了变量、Mixin、函数等特性,使 CSS 更易维护和扩展。Less 可以运行在 Node 或浏览器端。例如:@base: #f938ab; .box-shadow(@style, @c) when (iscolor(@c)) { -webkit-box-shadow: @style @c; box-shadow:
转载 2024-06-06 22:26:35
90阅读
定位关于定位我们可以使用cssposition属性来设置元素定位类型,postion设置项如下:relative 生成相对定位元素,元素所占据文档流位置不变,元素本身相对文档流位置进行偏移absolute 生成绝对定位元素,元素脱离文档流,不占据文档流位置,可以理解为漂浮在文档流上方,相对于上一个设置了相对或者绝对或者固定定位父级元素来进行定位,如果找不到,则相对于bod...
原创 2021-08-25 16:27:10
278阅读
1点赞
定位是一种相对于元素自身在正常文档流位置和祖先元素滚动容器滚动一种定位方式。是 CSS 中用于控制元素布局
原创 精选 2023-09-26 14:40:33
343阅读
再利用组件时有时候需要某些页面样式,但是在其他地方又不想更改,可以使用这个属性,具体语法为 /deep/.classname:{ xxxxxx:xxxxxx } 或者: .fatherClass/deep/ .childClass:{ } ...
转载 2021-10-18 11:31:00
216阅读
2评论
前端开发, 做适配是少不了, 这就用到了css各种长度单位, 做一下总结 在cs
原创 2022-06-20 12:15:33
189阅读
1 1字体和字体组合 2 1.1字体组合 3 字体组合一般是由很多种字体组成,字体之间使用逗号隔开,客户端按照排列先后顺序选择一种用来 4 呈现文字字体.如:p{font-family:verdana,arial,sans-serif;} 5 客户端首先在字体库寻找verdana字体,如果没有找到就找arial字
转载 2013-03-07 11:39:00
834阅读
盒子盒子模型解释元素在页面显示成一个方块,类似一个盒子,CSS盒子模型就是使用现实盒子来做比喻,帮助我们设置元素对应样式。盒子模型示意图如下:把元素叫做盒子,设置对应样式分别为:盒子边框(border)、盒子内内容和边框之间间距(padding)、盒子与盒子之间间距(margin)。盒子模型尺寸按照下面代码制作页面:<!DOCTYPE html><...
原创 2021-08-25 16:27:15
554阅读
CSS :root
原创 2023-02-25 13:21:48
122阅读
CSS calc今天做页面处理一个input时候怎么也弄不好了。 最后查到了calc这个
原创 2022-06-30 11:11:18
119阅读
1. 前言在 CSS ,有很多需要反复使用属性值,如果每个使用地方都直接写死这个值,而没有使
原创 2023-01-25 20:04:57
74阅读
  • 1
  • 2
  • 3
  • 4
  • 5