css3-2   CSS3选择器和文本字体样式 一.总结 一句话总结:是要记下来的,记下来可以省很多事. 1.css的基本选择器中的:first-letter和:first-line是什么意思? :first-letter选择第一个单词,:first-line选择第一行 2.css的伪类选择器有哪三种,分别是什么意思? 伪类选择器::hover:focus::selection   所选的东西,比如文字 3.css字体设置4剑客是哪四个? 1.font-family 字体类型2.font-siz…

常见的CSS3选择器包含:常用基本.属性.伪类.层级(组合)选择器,具体使用情况建议先阅读css选择器四大类:基本.组合.属性.伪类对于选择器的使用有一个基本了解,选择器的作用在于通过它找到元素,并且给它添加属性样式. 常用的选择器有:标签.id.类.关联(通过父集找到子集)组合选择器,注意html页面中id是唯一的:基本选择器有(/*代表注释*/),/*:first-child第一个元素*/,/*:last-child最后一个元素*/,/*:nth-child(n)第几个元素*/,/*::fi…

// 文本.字体样式 import 'package:flutter/material.dart'; class TextFontStyle extends StatelessWidget { // 声明文本样式 TextStyle textStyle = const TextStyle(fontFamily: 'MyFont', fontSize: 30, ); @override Widget build(BuildContext context) { return Scaffold( ap…

TextWidget class TextWidget extends StatelessWidget { final TextStyle _textStyle = TextStyle( fontSize: 16.0, ); final String _auther = '李白'; final String _title = '将进酒'; @override Widget build(BuildContext context) { return Text( // 插值写法$_value '<$_…

前言 Material 组件库中提供了两种进度指示器:LinearProgressIndicator和CircularProgressIndicator,它们都可以同时用于精确的进度指示和模糊的进度指示.精确进度通常用于任务进度可以计算和预估的情况,比如文件下载:而模糊进度则用户任务进度无法准确获得的情况,如下拉刷新,数据提交等. 接口描述 // LinearProgressIndicator是一个线性.条状的进度条 const LinearProgressIndicator({ Key key…

前言 Material组件库中提供了输入框组件TextField和表单组件Form. 输入框TextField 接口描述 const TextField({ Key key, // 编辑框的控制器,通过它可以设置/获取编辑框的内容.选择编辑内容.监听编辑文本改变事件.大多数情况下我们都需要显式提供一个controller来与文本框交互.如果没有提供controller,则TextField内部会自动创建一个. this.controller, // 用于控制TextField是否占有当前键盘的输…

前言 Flutter中,可以通过Image组件来加载并显示图片,Image的数据源可以是asset.文件.内存以及网络. ImageProvider 是一个抽象类,主要定义了图片数据获取的接口load(),从不同的数据源获取图片需要实现不同的ImageProvider ,如AssetImage是实现了从Asset中加载图片的ImageProvider,而NetworkImage实现了从网络加载图片的ImageProvider. Image widget有一个必选的image参数,它对应一个Ima…

前言 Material组件库中提供了Material风格的单选开关Switch和复选框Checkbox,虽然它们都是继承自StatefulWidget,但它们本身不会保存当前选中状态,选中状态都是由父组件来管理的.当Switch或Checkbox被点击时,会触发它们的onChanged回调,可以在此回调中处理选中状态改变逻辑. 实例 // 单选框和复选框 import 'package:flutter/material.dart'; class SwitchCheckboxRoute exten…

前言 Material组件库中提供了多种按钮组件如RaisedButton.FlatButton.OutlineButton等,它们都是直接或间接对RawMaterialButton组件的包装定制,所以他们大多数属性都和RawMaterialButton一样. 有Material 库中的按钮都有如下相同点: 按下时都会有"水波动画"(又称"涟漪动画",就是点击时按钮上会出现水波荡漾的动画). 有一个onPressed属性来设置点击回调,当按钮按下时会执行该回调,如果…

前言 一个永恒的主题,"状态(State)管理",无论是在React/Vue(两者都是支持响应式编程的Web开发框架)还是Flutter中,他们讨论的问题和解决的思想都是一致的. 一个问题,StatefulWidget的状态应该被谁管理?Widget本身?父Widget?都会?还是另一个对象?答案是取决于实际情况!以下是管理状态的最常见的方法: Widget管理自己的状态. Widget管理子Widget状态. 混合管理(父Widget和子Widget都管理状态). 如何决定使用哪种管…

概念 在Flutter中几乎所有的对象都是一个Widget.与原生开发中"控件"不同的是,Flutter中的Widget的概念更广泛,它不仅可以表示UI元素,也可以表示一些功能性的组件如:用于手势检测的 GestureDetector widget.用于APP主题数据传递的Theme等等,而原生开发中的控件通常只是指UI元素. Widget与Element 在Flutter中,Widget的功能是"描述一个UI元素的配置数据",它就是说,Widget其实并不是表示最…

txt.setTextFormat(tf);  txt.defaultTextFormat = tf;…

属性选择符  选择符  说明  E[att]  选择具有att属性的E元素.  E[att="val"]  选择具有att属性且属性值等于val的E元素.  E[att~="val"]  选择具有att属性且属性值为一用空格分隔的字词列表,其中一个等于val的E元素.  E[att^="val"]  选择具有att属性且属性值为以val开头的字符串的E元素.  E[att$="val"]  选择具有att属性且属性值为以val…

一:长度及颜色单位   长度单位       px(像素)        in(英寸)       pt(点),一个标准的长度单位,1pt = 1/72in       mm(毫米)       cm(厘米)       em(长度),相当于长度,1em = 16px       rem()         vw(百分比)        vh()        cm em vw vh流失布局范畴(可能有错别字,先了解,在后面的课程会讲到) width: 100px; /*width: 10in;…

老孟导读:大家好,这是[Flutter实战]系列文章的第二篇,这一篇讲解文本组件,文本组件包括文本展示组件(Text和RichText)和文本输入组件(TextField),基础用法和五个案例助你快速掌握. 第一篇链接:[Flutter实战]移动技术发展史 Text Text是显示文本的组件,最常用的组件,没有之一.基本用法如下: Text('老孟') 注意:Text组件一定要包裹在Scaffold组件下,否则效果如下: 文本的样式在style中设置,类型为TextStyle,TextStyle…

一.Text文本组件(单一格式的文本) 是具有单一风格的文本字符串,可以跨多行显示,也可全部显示在同一行中,具体显示样子,取决于布局约束. 常用属性: 1.overflow : TextOverflow.values 处理文本溢出,可选值有:   clip:剪切溢出的文本: ellipsis:用省略号代替溢出部分文本: fade: 是将溢出的文本淡入透明: visible:显示溢出文本. 若不设置overfl属性,则默认为clip属性,即剪切溢出的文本. 2.textAlign:TextAlig…

[CSS简介.基础选择器.字体属性.文本属性.引入方式]前端小抄(2) 本学习笔记是个人对 Pink 老师课程的总结归纳,转载请注明出处! 一.CSS简介 CSS 的主要使用场景就是布局网页,美化页面的. 1.1 HTML的局限性 HTML 只关注内容的语义,虽然 HTML 可以做简单的样式,但是带来的是无尽的臃肿和繁琐-- 1.2 CSS网页的美容师 CSS 是 层叠样式表 的简称. 有时我们也会称之为 CSS 样式表 或 级联样式表. CSS 也是一种 标记语言. CSS 主要用于设置 HT…

欢迎大家去博客冰山一树Sankey,浏览效果更好.直接右上角搜索该标题即可 博客园主页:博客园主页-冰山一树Sankey CSDN主页:CSDN主页-冰山一树Sankey 前端学习:学习地址:黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移动,下面这些都是一些学习笔记.临渊羡鱼,不如退而结网!!愿我自己学有所成,也愿每个前端爱好者学有所成 一. CSS简介 1.1 HTML的局限性 1.2 CSS-网页的美容师 CSS 是层叠样式表 ( Cascading Sty…

在组件内的样式在引入一遍 字体图标样式, pages 下的组件不受影响,全局引入字体图标样式即刻,不需要再次引入…

文本样式text 1.文本颜色color 例如h1 {color:red;} 2.文本方向direction,不常用 默认ltr从左到右,rtl表示从右到左 3.文本水平对齐方式text-align 如果文本方向为ltr即从左到右则默认左对齐,如果文本方向为rtl即从右到左则默认右对齐 left.center.right.justify分别表示左对齐.居中.右对齐.两端对齐 4.文本垂直对齐方式vertical-align,一般表格中会用到 默认为baseline,放在父元素的基线上 sub.s…

css文本 text外观属性 color: 颜色值(red,blue)十六进制 ,rgb letter-spacing: 字间距 px,em word-spacing: 单词间距 对中文无效 line-height: 行间距 px,em , % text-transform: 文本转换 none:不转换 capitalize:首字母大写 uppercase: 全部字符转换为大写 lowercase: 全部字符转换为小写 text-decoration: 文本装饰 none:默认值 underli…

常见css样式:1.字体与颜色2.背景属性3.文本属性4.边框属性5.鼠标光标属性6.列表样式7.定位属性8.内外边距9.浮动和清除浮动10.滚动条11.显示和隐藏 文本:1.letter-spacing/*字间距*/2.word-spacing/*词间距*/3.text-decoration/*下划线*/4.text-align/*对齐*/5.text-indent/*缩进*/6.line-height/*行高*/7.color/*颜色*/8.word-break/*文本折行*/ 字体:1.f…

CSS字体样式属性调试工具 应用 使用css字体样式完成对字体的设置 使用css外观属性给页面元素添加样式 1.font字体 1.1 font-size:大小 作用: font-size属性用于设置字号 p { font-size:20px; } 单位: 可以使用相对长度单位,也可以使用绝对长度单位. 相对长度单位比较常用,推荐使用像素单位px,绝对长度单位使用较少. 注意: 我们文字大小以后,基本就用px了,其他单位很少使用 谷歌浏览器默认的文字大小为16px 但是不同浏览器可能默认显示的字号…

1.Flutter是什么? 官方介绍:Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面. Flutter可以与现有的代码一起工作.在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费.开源的. 从官方介绍可以看到,Flutter有如下特点: 跨平台:现在Flutter至少可以跨4种平台,甚至支持嵌入式开发.我们常用的有Linux.Android.IOS,甚至可以在谷歌最新的操作系统上Fuchsia进行运行,经过第三方…

在开始之前,我们先写一个最简单的入口文件:     后面,都是在这个结构的基础上面完成的. 由于Container组件和Text组件都是写在body里面的,所以下面,先将body抽离成一个组件的形式. Container组件 在flutter里面Container组件是一个容器组件,类似于html中的div一样. 在Center组件里面添加Container组件,然后再添加Text组件,和上面的效果是一样的. Container.Text这些自定义组件的本质都是类,有很多可选的命名参数,在Con…

(1)视图容器 名称 功能说明 movable-view 可移动的视图容器,在页面中可以拖拽滑动 cover-image 覆盖在原生组件之上的图片视图 cover-view 覆盖在原生组件之上的文本视图 movable-area movable-view的可移动区域 scroll-view 可滚动视图区域 swiper 滑块视图容器 swiper-item 仅可放置在swiper组件中,宽高自动设置为100% view 视图容器     ①movable-view 可移动的视图容器,在页面中可以…

组件的通用属性: id class style hidden bind* catch* data-* view 小程序基础组件,基本等于最常用组件,类似于HTML中的div.view用于构建页面骨架,实现页面基础结构的划分 <view hover-class="hover"> <!-- hover-class: 按下去的属性样式 属性值为类名 --> <!-- 可以嵌套其他标签 --> </view> text 文本.只用text包裹的文…

css字体样式(Font Style),属性   css字体样式(Font Style)是网页中不可或缺的样式属性之一,有了字体样式,我们的网页才能变得更加美观,因此字体样式属性也就成为了每一位设计者必需了解的知识.以下是我精心整理的css字体样式属性知识,供大家学习参考: css文本样式 序号 中文说明 标记语法 1 字体样式 {font:font-style font-variant font-weight font-size font-family} 2 字体类型 {font-family…

基础组件 所有的控件都可以在java代码中创建出来,并且大部分的属性都对应set和get方法,比如 View view = new View(Context context)  context是上下文,是Activity父类,一般传入当前Activity 1.TextView text 文本 setText() getText() textColor文本颜色 #FFFFFF setTextColor(Color.Blue) getTextColor() textSize文本大小   sp set…

单一格式的文本. 文本组件是以字符串形式显示的单一格式,这个文本字符串可以是多行显示也可以是单独一行显示,主要取决于你的布局限制. 这样式内容是可选择的,如果你省略了,则会使用文本的默认样式来显示.如果给定的style的文本继承属性是true,即默认的,则这些给定的样式会与那些默认的文本样式合并.这种合并的属性非常有用,比如,让文字粗体显示,我们可以使用默认的字体和大小. child: new Text( 'Hello, How are you?', textAlign: TextAlign.c…