前端技术-css 第18页

CSS常用技巧

【1】制作三角形.box{width:0;height:0;margin:0auto;/*等腰直角三角：各边框宽度一致，将上边框保留，其他边框设置为透明色*/border:100pxsolidtransparent;border-top:100pxsolidred;}【2】文字超过范围显示省略号.box{width:200px;height:200px;/*一下三句就是做省略的关键*/white-

Ta曰丿、她活·2024-02-20 06:56

CSS position属性sticky

在开发时，经常会碰到需要这样一种情况——网站滚动到一定高度的时候，让一部分内容作为navbar，也就是置顶显示，我们一般会使用js监听scroll事件来实现，但是新增的css3属性position:sticky

天外天-亮·2024-02-20 06:52

前端开发常用技巧（update...）

前端开发常用技巧JS1、JavaScript删除子节点的方法2、JS动态生成div并添加点击事件CSS1、文本溢出处理2、使用伪类添加下划线3、使用伪类添加下划线下划线居中4、输入框默认字体颜色5、CSS

一只程序猿小白·2024-02-20 06:19

《HTML与CSS网站设计实践之旅》读书笔记

HTML与CSS网站设计实践之旅BuildYourOwnWebSitetheRightWayUsingHTML&CSS——[英]IanLloyd【Example】Listsp-anintroductionLists-anintroduction

JamieChenn·2024-02-20 06:46

re:从0开始的CSS之旅 19. 背景

扶摇|·2024-02-20 06:12

CSS基础-03-文本和字体（文本颜色、文本对齐、删除线、下划线、大小写转换text-transform、文本缩进，字体系列、字体样式、字体大小、字体加粗、字体变体）

1.文本1.1文本颜色（color:xxx）示例蜀body{color:red;}h1{color:#00ff00;}p.ex{color:rgb(0,0,255);}这是标题1这是一个普通的段落。请注意,本文是红色的。页面中定义默认的文本颜色选择器。这是一个类为"ex"的段落。这个文本是蓝色的。显示image.png1.2文本对齐（text-align）居中text-align:center;右

玄德公笔记·2024-02-20 06:10

移动开发中“单位”的那些事儿

前言在移动开发中我们常常会考虑度量单位的问题，在传统pc的web开发中用的比较多的是px（css像素），在android开发中一般则用dp、sp、px（物理像素）等，而移动web开发中同样也是用px（css

小灯光环·2024-02-20 06:39

CSS3学习（二）

目录：1.字体属性1.1字体系列1.2字体大小1.3字体粗细1.4文字样式1.5字体复合属性1.6总结2文本属性2.1文本颜色2.2对齐文本2.3装饰文本2.4文本缩进2.5行间距2.6总结1.字体属性1.1字体系列使用font-family属性定义文本的字体系列，如果有多个字体，各个字体之间用英文逗号隔开。1.2字体大小使用font-size属性定义字体大小。px（像素）是常用的单位，谷歌浏览器

学习不止，掉发不停·2024-02-20 06:09

HTML5学习（三）

【基本语法】定义表格标签定义表格中的行，嵌套在table标签里定义单元格，嵌套在tr标签里2.表头单元格标签文本加粗居中显示，位于表格第一行或者第一列标签表示表头部分3.表格属性（了解）后面会通过CSS

学习不止，掉发不停·2024-02-20 06:38

CSS学习心得

CSS一、CSS简介二、CSS语法1.id选择器2.class选择器三、CSS的应用1、外部样式表2、内部样式表3、内联样式四、颜色、尺寸、对齐五、CSS文档分析1、盒子模型2、边框与边距3、定位4、溢出

阿譹·2024-02-20 06:08

css和html基础

⦁1.src属性是img的图片路径，alt属性是当图片丢失时显示的问题，也是img标签的，href则是标签的跳转路径，titil是鼠标放上后的显示对对对⦁html中定义的标签：https://www.w3cschool.cn/htmltags/html-reference.html⦁2.行内元素设置宽高不起作用，其宽度是内容的宽度，块级元素宽度默认是继承父级元素的宽度，高度是本身内容的高度（如文字

一叶柒刺郎·2024-02-20 06:07

[总结]CSS/CSS3常用样式与web移动端资源

CSS/CSS3常用样式与知识点IE条件注释条件注释简介IE中的条件注释（Conditionalcomments）对IE的版本和IE非IE有优秀的区分能力，是WEB设计中常用的hack方法。

weixin_30662011·2024-02-20 06:36

CSS/CSS3常用样式与web移动端资源

CSS/CSS3常用样式与知识点IE条件注释条件注释简介IE中的条件注释（Conditionalcomments）对IE的版本和IE非IE有优秀的区分能力，是WEB设计中常用的hack方法。

weixin_33994444·2024-02-20 06:36

美团网官网最新底部导航页面制作及CSS样式设计

目的：实现美团网站底部的导航页面的设计设计思路：整体一个div-1整体可分为上下两部分：上为——浅绿色背景；下为选项及选项内容上部分的左侧设置一个div，存放美团导航文字内容使用ul>li无序列表存放每个选项：热门城市、热门分类、周边热门其中每个包括左侧的文本以及右侧的展开选项。右侧展开选项设置为两个无序列表。具体div数目及包含关系见html代码原网页样式如下：菜鸟样式设计如下：1.HTML代码

三月的一天·2024-02-20 06:01

AppCan开发框架详细介绍

1、UI2.0与UI1.0的对比2012年初，我们发布了AppCan移动应用开发平台，在这个版本中，我们内置了基于JQMobile方案的CSSUI框架。

刘文·2024-02-20 06:30

AppCan开发框架

1、UI2.0与UI1.0的对比2012年初，我们发布了AppCan移动应用开发平台，在这个版本中，我们内置了基于JQMobile方案的CSSUI框架。

狼之血舞·2024-02-20 06:28

css3

CSS修改选中文字的颜色html代码：第一段文字选中效果第二段文字选中效果css代码：.p1::selection{background:red;color:#fff;}.p2::selection{background

dazhoufu9292·2024-02-20 06:58

face 31减少http请求

减少http请求为什么要减少http请求性能的黄金法则，只有10%-20%的最终用户响应时间花在接受请求的html文档上，剩下的80%-90%时间花在html文档所引用的所有组件(图片，script,css

谢凌·2024-02-20 06:56

CSS学习（三）

目录：1.CSS引入方式1.1三种样式表1.2内部样式表（嵌入式引入）1.3行内样式表（内联样式表）1.4外部样式表1.5总结1.CSS引入方式1.1三种样式表1.2内部样式表（嵌入式引入）写到html

学习不止，掉发不停·2024-02-20 06:53

CSS实现两栏布局，左侧固定宽高，右侧超高滚动加载

要实现左侧子元素高度固定，右侧子元素超高滚动加载，并且左侧子元素与父级元素高度一致且不跟随滚动，可以使用CSS的flex布局和overflow属性来实现。

三月的一天·2024-02-20 06:51

Java 后端需要掌握的前端三大件的主要知识十分简洁版本

1.4关于资源路径1.5列表标签1.6表格标签1.7表单form1.7.1form标签属性1.7.2from标签中type属性不同的取值可以向后端传递的不同内容1.8注意区分列表标签表格标签表单标签2Css2.1Css

CodeDoraemon·2024-02-20 05:26

vue2.0 引入font-awesome

第一步：安装依赖npminstallfont-awesome--save第二步：然后在main.js引入font-awesome/css/font-awesome.min.css即可import'font-awesome

LI_4058·2024-02-20 05:09

CSS单词换行与对齐

CSS单词换行与对齐.sub-title1,.sub-title2{word-break:keep-all;word-wrap:break-word;/*只对英文起作用，以单词作为换行依据*/white-space

飞蛾逐月·2024-02-20 05:08

动态loading

项目中需要用到动图loading的地方可以下载https://www.intogif.com/loading/高级点的还有css动画;'692Loaders:CSS&Tailwind692Loaders

半个开心果·2024-02-20 05:35

vue3-动画技巧

基于CSSclass的动画对于那些不是正在进入或离开DOM的元素，我们可以通过给它们动态添加CSSclass来触发动画：const disabled = ref(false)function warnDisabled

王大可996·2024-02-20 05:52

vue-自定义创建项目(六)

默认项目自定义创建项目流程：创建项目命令：vuecreatecustom_demo键盘上下箭头有控制上下移动空格键控制是否选中Enter键表示确认选择版本路由模式：是否使用历史路由模式（history）选择css

smilehjl·2024-02-20 04:12

项目准备

使用VueCLI创建项目1.创建命令vuecreateedu-boss-fed2.自定义选项我们需要这几种功能：BabelRouter（使用hash模式下的路由）VuexCSSPre-processors

amanohina·2024-02-20 04:01

css3的var()函数

css3的var()函数变量要以两个连字符--(横杆)(减号)为开头变量可以在:root{}中定义,:root可以在css中创建全局样式变量。

kfepiza·2024-02-20 04:26

CSS的全局值 initial inherit revert overlay unset

在CSS中，全局值是一组特殊的值，可以应用于大多数的CSS属性，用于改变这些属性的默认值、继承行为或重置为浏览器的默认样式。不过，需要注意的是，overlay并不是一个标准的或广泛支持的全局值。

kfepiza·2024-02-20 04:56

设置textarea禁止拉伸的方法: resize:none 221106笔记

设置textarea禁止拉伸的方法就是设置css的resize的值为noneresize:noneresize:noneresize:nonestyle=“resize:none”style="resize

kfepiza·2024-02-20 04:55

css中, grid-auto-rows: 怎样简写在grid:中

grid-auto-rows:100px;grid-template-columns:1fr1fr;可以写成grid:auto-flow100px/1fr1fr;在CSSGrid布局中，grid-auto-rows

kfepiza·2024-02-20 04:25

Electron实战之入门

一、Electron简介1.1Electron是什么Electron是一个使用JavaScript、HTML和CSS构建桌面应用程序的技术框架。

xiangzhihong8·2024-02-20 03:15

vue transition的延时播放

vue延迟播放1、显示的控制（利用setTimeout控制v-show）2、CSS的设置（可以使用transition+transition-delay控制，animation+animation-delay

RCX明·2024-02-20 03:09

JavaScript初级入门练习

是现如今十分流行的脚本语言,可插入HTML页面编程代码,对页面改进设计,实现动态操作,此处进行两个简单的js练习,熟悉js操作.一.全选操作在我们日常上网中,经常会接触到全选操作.本文中通过HTML,CSS

飞灰非辉·2024-02-20 03:16

微前端qiankun从头写一个demo，包含主微应用、微微应用通信用例

qiankun微前端demo说明1.路由说明：1.1hash路由：1.2history路由：路由切换2.LifeCycles:3.父子通讯3.1主应用与微应用的通信3.2微应用之间的通信4.手动加载微应用5.css

Yoyo_Yan·2024-02-20 02:58

【前端工程化面试题】webpack的module、bundle、chunk分别指的是什么？

module模块指单个文件，可以是js、css、图片等，每个文件都是一个独立的模块，可以通过import.和require等方式导入和导出模块可以包含代码、依赖关系和其他相关资源。代表应用程序的组

我有一棵树·2024-02-20 02:25

【Webpack】CSS 处理

CSS处理提取Css成单独文件Css文件目前被打包到js文件中，当js文件加载时，会创建一个style标签来生成样式这样对于网站来说，会出现闪屏现象，用户体验不好我们应该是单独的Css文件，通过link

小秀_heo·2024-02-20 02:53

2024前端面试准备之HTML篇

来告知浏览器的解析器⽤什么⽂档标准解析这个⽂档，不同的渲染模式会影响到浏览器对于CSS代码甚⾄JavaScript脚本的解析⽂档解析类型有：BackCompat：怪异模式，浏览器使⽤⾃⼰的怪异模式解析渲染

前端fighter·2024-02-20 02:23

7. 多列

1.多列的效果说明：在CSS3中，可以创建多列来对文本或者区域进行布局。

瑟闻风倾·2024-02-20 02:16

HTML网页制作：CSS常用样式字体及颜色属性

字体属性fontfont的英文解释就是字体的意思。font:字体取值字体的用法用两种，一种是分开来写，一种是符合写法。2font-family：设置字体属性family有家族的意思，估计指的是字体家族的意思吧。语法：font-family：“字体”无标题文档.alsp{font-family:"楷体";}哈喽，我是提莫，女警你做我女朋友吧~~露露太矮了~~3看网页效果。此刻，字体已经发生改变了，变

我想要变强·2024-02-20 02:05

如何利用css实现图片等比例缩放

https://jingyan.baidu.com/article/cbcede076f654f02f40b4de7.html

StevenQin·2024-02-20 02:12

vue3：codepen上生成的动效代码/ 前端生成统计图（echarts包）

codepen上生成的动态效果怎么放到自己的代码里（vue3组合式api）设计给了个动态效果，说源码在codepen上面，打开一看，好家伙没有html，css也只有图里展示的这么点，那就是纯靠js实现。

小王今天也要加油鸭~！·2024-02-20 02:30

scss基础

Scss基础语法只是觉得记个笔记比较印象深刻，其实去官网看最好了。写的也大部分都是官网上的东西，官网总结的已经很清晰了。只是提炼一下，便于以后查看。

小王今天也要加油鸭~！·2024-02-20 02:59

JavaWeb

服务器架构模式;B/S架构特点:客户端只需要浏览器.应用程序的逻辑和数据都存储在服务器端,浏览器只需要请求服务器,获取web资源,服务器把web资源发送给浏览器即可;好处:易于维护升级;静态资源:HTML,CSS

m0_57408062·2024-02-20 01:51

JSP的学习

1.JSP概念:Java服务端页面;一种动态的网页技术,既可以定义HTML,JS,CSS等静态内容,也可以定义Java代码的动态内容;JSP=HTML+Java;JSP的作用:简化开发,避免了在Servlet