Android上的Style分为了两个方面: 1. Theme是针对窗体级别的,改变窗体样式; 2. Style是针对窗体元素级别的,改变指定控件或者Layout的样式。 Android系统的themes.xml和style.xml(位于\base\core\res\res\values\)包含了很多系统定义好的style,建议在里面挑个合适的,然后再继承修改。 以下属性是在Themes中比
转载 2023-09-04 14:26:08
100阅读
层叠样式表的优点更多排版和页面布局控制 可控制字号、行间距、字间距、缩进、编剧以及定位样式和结构分离 页面使用的文本格式和颜色可独立于网页主体(body区域)进行配置和存储样式可以存储 允许将样式存储到单独文档并将其与网页关联样式变得更小网站维护更容易配置层叠样式表内联样式 将代码直接写入网页的主体区域嵌入样式 在网页页头区域(<head></head>之间)定义外部样式
转载 2023-11-21 22:10:23
44阅读
CSS Module产生背景在软件工程里面模块指的是可组合、分解和更换的单元。下面是一张css树,项目里面总的css文件是由一系列小的单元组成,比如下面的reset.css就是一个单元。模块化的概念不光在css里面,在JS里面也是同样适用的,我们把代码按照一定的规则和逻辑拆分,分解成可组合可更换的单元,这样就实现了一个最大限度的代码复用。在css中,代码复用只是一个小的方面,更重要的是解决局部作用
一、字体属性1、font-weight:文字粗细 取值描述normal默认值,标准粗细bold粗体bolder更粗lighter更细100~900设置具体粗细,400等同于normal,而700等同于boldinherit继承父元素字体的粗细值 2、font-style:文字风格normal 正常,默认是正常的italic 倾斜3、font-size:文字大小fs:一般是12p
转载 2023-11-01 18:24:29
28阅读
注:内容及图片来自华为官方技术文档,此处仅作为学习笔记留存。一、什么是CSS?为什么需要CSS?集群交换机系统CSS(Cluster Switch System),又称为CSS,是指将两台支持CSS特性的交换机设备组合在一起,从逻辑上虚拟成一台交换设备。主要作用:简化配置管理、扩展带宽和链路跨框冗余备份等作用。二、CSS的发展阶段(CSSCSS2)交换机集群技术的发展有两个阶段:传统的集群交换机
原创 精选 2023-05-15 13:42:03
3358阅读
// { // test:/\.css$/, // use:['style-loader','css-loader'] // } , { test:/\.scss$/, use:[ 'style-loader', // 'css-loader', { loader:'css-loader', opt
原创 2021-11-29 15:08:59
126阅读
一、 常见CSS设计模式分析oocssObject Oriented CSS,面向对象的CSS,旨在编写高可复用、低耦合和高扩展的CSS代码。OOCSS是以面向对象的思想去定义样式,将抽象(结构)和实现(样式)分离,抽离公共代码。区分结构和样式 在定义一个可重用性的组件库时,我们仅创建基础的结构(html)和基础的类名,不应该创建类似于border, width, height, backgrou
转载 10月前
34阅读
rem是CSS3新引入的单位,它改良了往期版本中em单位使用不方便的缺点。(如果想了解em单位的更多信息,可以查看之前的文章:CSS中的em单位)一、em单位带来的问题我们知道,em的长度是根据元素自身的font-size大小来确定的:1em = 元素中文本的1个垂直高度如果元素自身没有设置font-size,那么em的长度将根据父元素的font-size来确定。另外,元素自身的font-size
转载 2024-06-29 23:30:25
179阅读
前言按钮,对开发者而言,是非常常见的一个功能。前端通常会对按钮加入一些操作交互样式,增加一些用户体验。比如:hover样式、点击样式、loading样式等。下面我们通过简单示例在学习一下css3动画和css伪类。示例一 <button class="btn-1">按钮一</button> <style> button{ position: r
CSS 的大小CSS 宽度和高度 —width、heightCSS 通过height 和 width 属性来设置元素的高度和宽度。 height 和 width 属性不包括内边距、边框或外边距。 它设置的是元素内边距、边框以及外边距内的区域的高度或宽度height 和 width 属性可设置如下值:auto - 默认。浏览器计算高度和宽度。length - 以 px、cm 等定义高度/宽度。% -
转载 2023-11-06 14:30:15
86阅读
CSS总结1. CSS的简介a) 简介:CSS (Cascading Style Sheets)是层叠样式表用来定义网页的显示效果。可以解决html代码对样式定义的重复,提高了后期样式代码的可维护性,并增强了网页的显示效果功能。简单一句话:CSS将网页内容和显示样式进行分离,提高了显示功能。b) 作用:CSS将网页内容和显示样式进行分离,
转载 2023-09-19 19:49:48
60阅读
一、CSS基础  CSS:即Cascading Style Sheet(层叠样式表),是用来控制网页的表现的一门技术,使用css能让单调的html网页更富表现力,css使html文档的表现形式与结构分离开来。  CSS语法:  CSS规则有两个主要部分组成:选择器,以及一条或多条声明。如下1 p{ 2 color:red; 3 text-indent:2em; 4 }选择器
转载 2024-04-19 15:29:08
62阅读
css3 rem的用法 文章目录css3 rem的用法概念em是什么为什么web app要使用rem?1、实现强大的屏幕适配布局:2.固定宽度做法3.响应式做法4.设置viewport进行缩放 概念rem是什么? rem(font size of the root element)是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位,em(font siz
转载 2024-10-24 22:30:35
62阅读
1. install normalize:yarn add normalize.css -D(1). 引入src/index.js或src/index.tsx:import "normalize.css";2. install sass:yarn add node-sass@4.14 -D3. 配置less:(1). 安装less相关依赖:yarn add less@4.1.1 less-load
原创 2023-09-13 09:51:59
101阅读
首先在服务器安装nginxsudo apt update sudo apt install nginx安装完毕后将前端项目打包 webpack.output.publicPath里配置资源基础路径 资源打包出来就是/publicPath开头1.http://www.xxx.com/ publicPath: '/'2.http://www.xxx.com/web publicPath: '/web/
转载 2024-10-24 20:29:33
63阅读
在我们写页面时,有时会发现自己写的css样式无法生效,导致这种现象的原因有很多,下面列举一些常见的原因希望可以帮到你,欢迎评论区补充。
转载 2020-03-28 14:30:12
137阅读
App 分类如上图,Native app 是使用原生开发的 app, 优点是性能更好,还能调用系统的 api ,但是发布 app 流程繁琐,而且不跨平台。而Web app, 优点是跨平台,修改方便,缺点是不能调用原生的 api, 而且用户体验不如原生 app, 好。而Hybrid app, 结合了上面两个的优点,可以说是很 nice。尺寸相关概念CSS 像素又称为设备独立像素、逻辑像素。CSS中使
 前言  首先,小编给大家解释一下什么是SCSS和LESS,Sass 是一款强化 CSS 的辅助工具,它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能,这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库(如 Compasss)有助于更好地组
转载 2023-08-13 07:45:44
66阅读
在今天的博文中,我将重点描述如何在Android中创建CSS。鉴于Android平台的日益发展与Web技术的融合,学习如何利用CSS来改善Android应用程序的界面显得尤为重要。本文将从协议背景、抓包方法、报文结构、交互过程、工具链集成,以及多协议对比等方面展开。 --- ### 协议背景 在Android应用中,CSS可以帮助开发者定义视觉样式,使用户界面更加美观与用户友好。下面的关系图
原创 6月前
21阅读
# Android CSS 设置的入门指南 在开发Android应用时,有许多场景需要实现样式的定制,类似于在网页开发中使用CSS。虽然Android没有传统的CSS,但可以通过XML布局文件和一些属性来实现类似于CSS的效果。下面,我们将详细介绍如何在Android中实现样式设置的流程。 ## 流程概述 | 步骤 | 描述 | |------|------| | 1 | 创建Andr
原创 9月前
64阅读
  • 1
  • 2
  • 3
  • 4
  • 5