目录一、CSS 简介二、CSS 语法三、如何添加 CSS1、外部 CSS2、内部 CSS3、行内 CSS四、CSS 选择器1、CSS id 选择器2、CSS 类选择器3、CSS 元素选择器4、CSS 分组选择器五、CSS 属性1、背景属性2、CSS 边框3、CSS 布局 - display 属性 一、CSS 简介CSS 是一种描述 HTML 文档样式的语言。CSS 指的是层叠样式表 (Casca
转载 2023-12-15 04:57:05
131阅读
在进行前端开发时,使用 HTML5 和 SCSS 的组合可以有效提升项目的可维护性和样式的灵活性。然而,许多开发者在这方面常常面临着一系列问题,比如如何进行版本迁移、处理兼容性问题及性能优化。本文将详细阐述“HTML5 使用 SCSS”相关的问题,并提供清晰的解决方案。 ## 版本对比 在过往的版本中,HTML5 和 SCSS有着不同的特性。这里我将它们的特性差异进行了一些整理: | 特性
原创 7月前
18阅读
HTML1.html页面格式<!DOCTYPE HTML>! :声明,注意的意思DOC :document 文档TYPE:类型<meta charset ="utf-8">代码编码格式utf-8 国际标准gb2312 中文简体标准<base target="_blank"/>(写在title标签下)定义页面中所以链接打开的方式html的元素分为:块级和行内元素
 在html中,引入css的方法主要有行内式、内嵌式、导入式和链接式4种。1.行内式:即在标记的style属性中设定css样式,这种方式本质上没体现出css的优势,因此不推荐使用。2.嵌入式:在对页面中各种元素的设置集中写在<head>和</head>之间的,对于单个页面来说,这种方式很方便。3.导入式:导入式格式如下:<style type="text/c
转载 2023-11-02 01:10:11
65阅读
HTML中CSS使用的几种方法“CSS”又叫层叠样式表, 作用是布局与美化网页的。HTML中常见的CSS使用方法一共有三种:即内联式、页面嵌入式和外部引用式。下面我来浅谈一下三种使用方以及三种方法的优缺点。以便网友日后的使用。1、内联式内联引用可以把CSS样式直接作用在HTML标签中.①、内联式代码:<body bgcolor="gray"> <h3>......
We'll define the color palette and create the basic screen styles for our project in addition to Sass helpers for our form design system.We will set up Sass variables for the initial them and learn ho
转载 2021-03-03 12:51:14
829阅读
2评论
定义和用法:overflow属性规定当内容溢出元素框时发生的事情。这个属性定义溢出元素内容区的内容会如何处理。如果值为scoll,不论是否需要,用户代理都会提供一种滚动机制。因此,有可能即使元素框中可以放下所有内容也会出现滚动条。 overflow属性值1、visible:默认值。内容不会被修剪,会呈现在元素框之外。2、hidden:内容会被修剪,并且其余内容是不可见的。3、scroll
转载 2024-02-26 19:19:59
81阅读
新建通用common.scss 引入 这样,就不用重复的写SCSS了。
css
原创 2021-08-05 16:17:55
2102阅读
本文属于基础科普文,高富帅们请绕道吧。Html,css,javascript是做网页前台设计的标准套装,html是一些网页控件,css是美化这些控件的代码(层叠样式表),js(javascript)是一种增强表现力的脚本语言,可以做出很多动态及交互性较强的效果。<!--专业解释-->  //“<!--注释内容-->”这个东西可以插入到html文档中做代码注释HTML(Hyp
转载 2023-11-13 08:52:09
81阅读
[TOC] 1、回顾gulp的使用方法 2、sass语法 2.1 css的编译模式 css 普通 sass / scss 高效 // less 高效 2.2 sass介绍 来源: ruby语言 基础的版本,后缀名为sass:没有{},只能通过缩进来实现 可读性差、难以维护 .scss 后缀 可读性高
原创 2022-07-22 14:49:08
175阅读
1. @mixin、@extend优缺点:①. @minxin相对@extend更可控. ②. 更易减少复杂度: a. @mixin可以多层嵌套和传入参数 ③. 性能: a. 当被正确的使用@extend会生成更少的CSS是正确的,但是对于性能,mixins的性能更好: (1). 源文件@extend会更小 (2). gzip压缩@mixins会更小
原创 2023-11-28 10:33:40
89阅读
sass: 1、vscode安装两个插件: 2、写好scss后,点击 3、直接引入转好的css文件就可以了 less: 1、下载插件 2、settings.json中添加设置 "less.compile": { "compress": false,//是否压缩 "sourceMap": false,
qt
原创 2021-07-13 17:22:00
1135阅读
首先,学会使用sass:1.先下载和安装node-sass和一些加载器$ cnpm install sass-loader node-sass vue-style-loader --D2.配置webpake加载器:webpack.base.config.js //从这一段上面是默认的!不用改!下面是没有的需要你手动,相当于是编译识别sass!{ test: /\.scss$/, loaders
转载 2024-04-20 21:00:07
104阅读
[TOC] 1、回顾gulp的使用方法 2、sass语法 2.1 css的编译模式 css 普通 sass
原创 2023-03-24 20:10:44
152阅读
你是否曾经为组件设计过样式,却只知道应用了不需要的CSS规则?也许你会重新考虑CSS的另一个部分,所以规则不适用,或者你会添加!important规则,只是为了让它发挥作用。这就是CSS Modules要解决的问题。让我们看看CSS Modules的官方定义:A CSS Module is a CSS file in which all class names and animation name
转载 2024-05-29 10:09:32
168阅读
We will learn how to convert variable arguments by using rest operator in JavaScript. Scss "$shadows..." the same as "...shadows" in Javascript. inter
转载 2018-04-24 15:31:00
203阅读
2评论
如何在html中链接excel你在sheet2和sheet3需要显示相同内容的单元格内输入=,然后点击sheet1中的需要显示的单元格。例如:sheet1a3:中国我想在sheet2中显示相同的内容于是就点击sheet2中的任意单元格,例如为也是a3,输入”=“,然后再点击sheet1中的a3,再点enter,就好了。sheet3也是同样的方法excel单元格中如何插入html代码?这个你只能用动
1.行内式直接在HTML标签内写符合js标准的语句,作为标签的事件属性的属性值。最好使用在功能简单,使用次数少的情况。简单,方便,明了,一目了然。 例如:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </he
转载 2023-07-23 08:42:33
107阅读
使用Navicat / eclipse 实现简单的登录功能 用到的软件:eclipse        首先我们先创建一个项目:因为我们要实现动态页面,所以我们先点击左上角File--New--other,在Wizard中输入:Dyn, 我们就可以看到Web文件夹下有一个Dynamic Web Projec
转载 2023-07-22 18:53:25
295阅读
忙活的一阵子,今天终于稳定了,特意来写一篇博客来温习一下之前的知识点,也是自己在面试当中碰到的面试题。在HTML里面导入CSS总共有四种方式: - 内联方式 - 嵌入方式 - 链接方式 - 导入方式一、内联方式<div style="background-color: red"></div>这样的书写方式,不用多说,大家都知道其缺点在哪里。 (1)、结构层与样式层
转载 2024-01-19 23:25:23
84阅读
  • 1
  • 2
  • 3
  • 4
  • 5