HTML&CSS学习

Tailwind CSS 速成

tailwindCSS，这个CSS库本身就包含了很多的utilityclass，之前跟着yt的视频写项目的时候，写了两个项目，好像不记得写过CSS……ReduxToolkit+React+TailwindCSS
GoldenaArcher·2023-09-10 14:06

CSS捉迷藏插画简单,CSS学习进阶：一些CSS设计的实用小技巧参考

放到标签下，然后为div指定一个类，然后CSS这样设计：#container{min-width:600px;width:expression(document.body.clientWidth关于居中垂直居中：将line-height设置为当前div相同的高度,再通过vertical-align:middle.(注意内容不要换行.)水平居中：margin:0auto;截字省略号:select{-
weixin_39907658·2023-09-06 05:46

华为云云服务器评测｜云耀云服务器实例基础使用实践

我是Sam9029，一个前端Sam9029的CSDN博客主页:Sam9029的博客_CSDN博客-JS学习,CSS学习,Vue-2领域博主**‍‍恭喜你，若此文你认为写的不错，不要吝啬你的赞扬，求收藏，
Sam9029·2023-09-05 12:52

【菜鸡学艺–Vue2–001】模板语法&声明式渲染

【菜鸡学艺–Vue2–001】模板语法&声明式渲染我是Sam9029，一个前端Sam9029的CSDN博客主页:Sam9029的博客_CSDN博客-JS学习,CSS学习,Vue-2领域博主**‍‍恭喜你
Sam9029·2023-09-05 12:18

CSS学习笔记05

CSS笔记05定位positionCSS属性position-用于指定一个元素在文档中的定位方式。top，right，bottom和left属性则决定了该元素的最终位置。position有以下常用的属性值：position:static;-默认值。指定元素使用正常的布局行为，即元素在标准文档流中当前的布局位置。此时top,right,bottom,left和z-index属性无效。position
Bald Monkey·2023-09-03 09:58

2020-07-20

CSS学习1.继承标签未设置的属性会继承父标签设置了的属性，父标签未设置属性会继承父标签的父标签的属性，以此类推。2.选择器divp选择元素内部的所有元素。div>p选择父元素为元素的所有元素。
林炜康·2023-09-02 12:13

CSS学习总结

目录一、学习收获通过上次课的学习，对CSS有了如下的了解和收获：1.对CSS的背景的了解2.CSS的基本概念的学习3.对CSS的一些语法的掌握4.对于CSS的样式及生效的具体深入学习外部样式表内部样式表内联样式级联的优先级5.对CSS中颜色、尺寸、对齐等概念的学习6.CSS的盒子模型的学习7.对CSS的边框边距设置的学习8.对CSS中的定位概念的学习9.对CSS中溢出功能的学习10.对CSS中浮动
曲终人尽散、物是已人非·2023-09-02 12:21

CSS学习笔记04

CSS笔记04浮动标准文档流标准文档流就是浏览器按照各种元素标签排版布局中默认的状态。浏览器在渲染代码的时候是从左往右、从上到下开始渲染，元素也是从左往右、从上往下的流式排列。也就是没有被其他排版浮动和定位相关的CSS属性干扰的就叫标准文档流。标准文档流中大部分元素是区分等级的，我们习惯将元素划分为几种常见的加载级别：块级元素，行内元素，行内块元素。块级元素-block大部分容器级标签标签都是块级
Bald Monkey·2023-09-02 06:08

CSS学习笔记03

CSS笔记03盒子模型什么是盒子模型概念：CSS盒子模型就是在网页设计中经常用到的一种思维模型，是CSS布局的基石，主要规定了元素是如何显示的以及元素间的相互关系。定义所有元素都可以有像盒子一样的平面空间和外形。包含内容区、内边距区、边框区和外边距区共四个区域，这就是盒子模型。组成：margin：外边距区域border：边框区域padding：内边距区域content：内容区域盒子占用空间大小的计
Bald Monkey·2023-09-01 05:43

CSS学习笔记01

CSS笔记01什么是CSSCSS（CascadingStyleSheets）：层叠样式表，也可以叫做级联样式表，是一种用来表现HTML或XML等文件样式的计算机语言。字体，颜色，边距，高度，宽度，背景图片，网页定位，网页浮动……CSS发展史CSS1.0：定义了网页的基本属性（文字、颜色、位置和文本属性等）。CSS2.0：内容（HTML）和表现（CSS）分离；div+CSS；使网页变得更简单，且利于
Bald Monkey·2023-08-30 19:51

CSS学习笔记02

CSS笔记02美化网页元素为什么要美化网页目的：有效的传递页面信息美化网页、页面漂亮、才能吸引用户突显页面的主题提高用户的体验span标签span标签是短语内容的通用行内容器，它本身并没有任何特殊语义。通常我们使用span标签来把我们想要重点要突出的行内内容套起来，再通过使用类或者Id等选择器给其添加我们想要实现的某些样式。span标签与div标签很相似，但div是一个块元素，而span则是一个行
Bald Monkey·2023-08-30 19:48

css学习7（盒子模型）

1、盒子模型图：Margin(外边距)-清除边框外的区域，外边距是透明的。Border(边框)-围绕在内边距和内容外的边框。Padding(内边距)-清除内容周围的区域，内边距是透明的。Content(内容)-盒子的内容，显示文本和图像。盒子模型div{background-color:limegreen;width:300px;border:5pxsolidgreen;padding:25px;
木有童年·2023-08-29 09:29

6、css学习6（表格）

1、指定CSS表格边框，使用border属性。2、表格双边框是因为th/td有各自独立的边框。3、boder-collapse设置表格边框是否被折叠成一个单一的边框。4、width和height属性定义表格的宽度和高度。5、text-align属性设置水平对齐方式。6、vertic-align属性设置垂直对齐方式。7、padding填充属性用来控制边框与内容之间的距离。8、background-c
木有童年·2023-08-29 09:59

css学习笔记-（自用）

视频总结CSS选择器1.标签选择器什么是标签选择器?作用:根据指定的标签名称,在当前界面中找到所有该名称的标签,然后设置属性格式:标签名称{属性:值;}注意点:标签选择器选中的是当前界面中所有的标签,而不能单独选中某一个标签标签选择器无论标签藏得多深都能选中只要是HTML中的标签就可以作为标签选择器(h/a/img/ul/ol/dl/input…)2.id选择器什么是id选择器?作用:根据指定的i
陌上烟雨寒·2023-08-26 19:16

前端学习——CSS学习笔记（五）CSS布局定位

提示：文章内容学习过程中所记录的笔记目录学习目标一、定位1.1网页常见布局方式1.2定位的常见应用场景2.2使用定位的步骤3.1静态定位4.1相对定位5.1绝对定位5.2绝对定位到底相对于谁进行偏移6.1子绝父相介绍7.1固定定位8.1元素层级问题8.2更改定位元素的层级总结学习目标◆能够说出定位的常见应用场景◆能够说出不同定位方式的特点◆能够使用子绝父相完成元素水平垂直案例◆能够写出三种常见的光
羙橘·2023-08-23 10:50

5、css学习5（链接、列表）

CSS学习之链接a
木有童年·2023-08-21 23:20

【支付宝小程序】开发基础--文件结构教程

我是Sam9029，一个前端Sam9029的CSDN博客主页:Sam9029的博客_CSDN博客-JS学习,CSS学习,Vue-2领域博主‍‍恭喜你，若此文你认为写的不错，不要吝啬你的赞扬，求收藏，求评论
Sam9029·2023-08-21 03:35

【支付宝小程序】分包优化教程

我是Sam9029，一个前端Sam9029的CSDN博客主页:Sam9029的博客_CSDN博客-JS学习,CSS学习,Vue-2领域博主‍‍恭喜你，若此文你认为写的不错，不要吝啬你的赞扬，求收藏，求评论
Sam9029·2023-08-21 03:35

深入使用Element-plus系列-入门按需引入安装

我是Sam9029，一个前端Sam9029的CSDN博客主页:Sam9029的博客_CSDN博客-JS学习,CSS学习,Vue-2领域博主‍‍恭喜你，若此文你认为写的不错，不要吝啬你的赞扬，求收藏，求评论
Sam9029·2023-08-21 03:05

【SCSS】vue3+vite项目引入SCSS及使用SCSS全局变量

vue3+vite项目引入SCSS及使用SCSS全局变量我是Sam9029，一个前端Sam9029的CSDN博客主页:Sam9029的博客_CSDN博客-JS学习,CSS学习,Vue-2领域博主**‍‍
Sam9029·2023-08-21 03:05

【支付宝小程序】支付宝小程序自定义组件技术教程

我是Sam9029，一个前端Sam9029的CSDN博客主页:Sam9029的博客_CSDN博客-JS学习,CSS学习,Vue-2领域博主**‍‍恭喜你，若此文你认为写的不错，不要吝啬你的赞扬，求收藏，
Sam9029·2023-08-21 03:33

css学习4（背景）

1、CSS中，颜色值通常以以下方式定义:十六进制-如："#ff0000"RGB-如："rgb(255,0,0)"颜色名称-如："red"2、background-image属性描述了元素的背景图像.默认情况下，背景图像进行平铺重复显示，以覆盖整个元素实体.3、为了简化这些属性的代码，我们可以将这些属性合并在同一个属性中.4、当使用简写属性时，属性值的顺序为：:background-colorbac
木有童年·2023-08-18 06:20

html头部代码【转载】

学习html是件比较容易的事情，但单单学html语言肯定是不够用的，所以大多数人并没有拿html作为学习核心，而是将html作为javascript、动态语言或者css学习的必经之路。
weixin_33924220·2023-08-17 21:07

css学习1

1、样式定义如何显示元素。2、样式通常保存至外部的css文件中。3、样式可以使内容与表现分离。4、css主要有两部分组成：选择器与一条或多条声明。选择器通常为要改变的html元素，每条声明由一个属性和一个值组成。每个属性有一个值，属性和值用冒号分开。5、css的声明用大括号括起来，声明以分号结束。6、为了使css可读性更强，每行只描述一个属性。7、css的注释以/*开始，以*/结束。在html中，
木有童年·2023-08-17 06:23

css学习3（三种样式表与样式控制优先级）

1、外部样式表：当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用标签链接到样式表，也要放到中。2、外部样式表可以在任何文本编辑器中进行编辑。文件不能包含任何的html标签。样式表应该以.css扩展名进行保存。3、当单个文档需要特殊的样式时，就应该使用内部样式表。你可以使用标签在文档头部定义内部样式表。4、当样式
木有童年·2023-08-17 06:23

css学习2（利用id与class修改元素）

1、id选择器可以为标有特定id的html元素指定特定的样式。2、选择器以#开头，后跟某id的属性值。3、class选择器用于描述一组元素的样式，class可以在多个元素使用。4、类选择器用.选择。5、指定特定的元素使用class。6、元素的多个类用空格分开，显示模式为各类的综合。7、通过元素与类名双重限定可以用元素.类名限定相应匹配的元素格式，只有单个元素或单个类名匹配，不会起作用。CSS的ID
木有童年·2023-08-17 06:23

【CSS学习笔记】

学习内容1.css是什么2.CSS怎么用（快速入门）3.CSS选择器（重点+难点）4.美化页面（文字、阴影、超链接、列表、渐变…）5.盒子模型6.浮动7.定位8.网页动画（特效）1.什么是CSSCascadingStyleSheet层叠样式表CSS：表现（美化网页）字体，颜色，边距，高度，宽度，背景图片，网页定位，网页浮动CSS1.0CSS2.0：DIV（块）+CSS，HTML与CSS结构分离的思
迟來北风·2023-08-13 04:12

css学习笔记

内联元素（inlineElement，与块元素对应）里面只能放文本或者内联元素，放其他元素（比如图片，表格）会导致不同行。display:inline可以让块元素变成内联元素，display：block可以让内敛元素变成块元素。同时div和span标签在设置display:inline之后，会使得该元素的width和height失效，这时可以使用display:inline-block；body里
chance_66·2023-08-13 00:05

css学习笔记

CSS的优势：1.内容和表现分离2.网页结构表现统一，可以实现复用3.样式十分丰富4.建议使用独立于html的css文件5.利用SEO，容易被引擎收录CSS三种导入方式就近原则，哪种样式距离修饰内容近，就选择那个。Titleh1{color:chartreuse;}hello,world!外部样式两种写法链接式：外部样式导入式：@importurl("style.css");选择器：选择页面某一个
熬夜的大蟒蛇·2023-08-05 10:15

CSS学习记录(基础笔记)

CSS简介:CSS指的是层叠样式表*(CascadingStyleSheets)，主要用于设置HTML页面的文字内容（字体、大小、对齐方式），图片的外形（边框）CSS描述了如何在屏幕、纸张或其他媒体上显示HTML元素CSS节省了大量工作。它可以同时控制多张网页的布局，其中外部样式表存储在CSS文件中。2、想要在web端显示实时预览的画面，而海康提供的demo是用GUI组件去解码视频流数据来显示；并
Merry Change·2023-08-04 20:13

爬虫基础之CSS学习不完全总结

简单学习一下：HTML中，常用的布局方式有三种：标准流、浮动、定位。标准流是网页中默认的布局方式，即顺序布局。HTML元素：块级元素和内联元素。块级元素有：div、H1-H6、有序无序列表（ol、ul、li）、table表格、form表单、p段落等等。内联元素有：a超链接、span、img、input表单元素等等。二者的区别：块级元素总是单独一行。内联元素和相邻的内联元素在同一行，如果一行宽度不够
写程序的文艺小李·2023-08-01 13:46

零基础转行前端，大概需要学多长时间？

第一阶段：HTML+CSS学习时间：半个月主要学习内容：1.HTML标签、表单，HTML5新特性2.CSS常用属性，CSS3新特性，布局学习成果：学完这个阶段的你，已经可以做出来静态页面了学习建议1.能快则快
前端辉羽·2023-08-01 02:58

2021-08-16（发暗月的计划）

第一天HTML基础学习5课第二天div+css学习11课WEB安全03javascript基础WEB安全04htmldivcss博客项目WEB安全05php基础第三天数据库学习七课WEB安全07php安全开发博客系统第四天基础知识
杨某人要学习·2023-08-01 00:50

使用 css 滤镜转换图片颜色

【css学习】色调旋转滤镜实现按钮颜色设置CSSfilter:hue-rotatecss代码.img{width:300px;height:232px;background:url(img/piece-bird.png
槑小姐_1419·2023-07-29 02:53

css学习相关笔记

1.浮动CSS的定位机制有3种：普通流（标准流）、浮动和定位。普通流实际上就是一个网页内标签元素正常从上到下，从左到右排列顺序的意思，比如块级元素会独占一行，行内元素会按顺序依次前后排列；按照这种大前提的布局排列之下绝对不会出现例外的情况叫做普通流布局。2.浮动的用途浮动最早是用来控制图片，以便达到其他元素（特别是文字）实现“环绕”图片的效果。后来，我们发现浮动有个很有意思的事情：就是让任何盒子可
漫步的美人鱼·2023-07-28 12:59

CSS学习

https://zh.learnlayout.com/flexbox.htmlhttps://flexboxfroggy.com/#zh-cnhttps://rualc.com/frontend/css/#flexhttps://juejin.cn/post/7020822470211043364
偷影子的人baby·2023-07-25 16:47

Web前端开发之CSS学习笔记10—栅格布局（网格布局）

目录【网格布局grid】1.网格布局的构成2.父容器gridcontainer3.生成网格容器display:grid/inline-grid4.构建网格grid-template-columns/grid-template-rows（1）grid-template-columns（2）grid-template-rows5.定位空间grid-template-areas和grid-area4.设
云卷云舒_jing·2023-07-24 18:12

CSS学习笔记

前言：CSS引入的三种方式1.行内：2.内部：样式3.外部：注释：/*...*/1.选择器选择器格式：选择器{属性:值;属性:值;...}div{color:red;}1.1基础选择器1.ID选择器：#id{样式}//例：#username{...}2.类选择器：.class-xx{样式}//例：.font-color{...}3.标签选择器：标签{样式}//例：div{...}4.通配符选择器：
凯尔萨厮·2023-07-24 17:33

CSS学习简记（更新中~）

CSS定义层叠样式表（CascadingStyleSheets,缩写为CSS）,是一种样式表语言，用来描述HTML文档的呈现（美化内容）CSS书写规则选择器{属性名:属性值;}CSS引入方式内部样式表CSS代码直接写在style标签内外部样式表CSS代码写在单独的CSS文件中，使用link标签引入行内样式CSS代码直接写在想要应用样式的标签中Document这个段落应用外部引入CSS这个标签应用行
ZZZWWWFFF_·2023-07-20 07:09

【尚硅谷】HTML5+CSS3学习笔记 （三）CSS布局 （含大量源码）

（三)CSS布局==本部分更多内容欢迎订阅专栏HTML+CSS学习专栏，将持续更新==目录：（三)CSS布局3.1文档流：3.1.1文档流（normalflow）：3.1.2块元素：3.1.3行内元素：
木瓜星灵TT·2023-07-19 18:02

css学习知识总结

一、css与html连接：可以将css语句放在html内部，一般放在之下，定义在中，格式一般是一个“.”然后加上一个“名称”再加上一个“{}”，再在“{}”内部定义具体的语句。二、调整元素2.1字体类:2.1.1front-size:调节字体大小。如：font-size:200%;2.1.2front-weight:调节字体粗细。如：font-weight:bold;2.2方位类：2.2.1tex
吾浴西风·2023-07-19 07:39

CSS学习04

文章目录1.精灵图1.1为什么需要精灵图1.2精灵图（sprites）的使用2.字体图标2.1字体图标的产生2.2字体图标的优点**2.3****字体图标的下载****2.4****字体图标的引入**2.5字体图标的追加3.CSS三角3.1介绍4.CSS用户界面样式4.1鼠标样式cursor4.2轮廓线outline4.3防止拖拽文本域resize5.vertical-align属性应用**5.1
张与谦·2023-07-16 23:23

CSS小技巧——画个三角形

CSS学习有一个特点，只要告诉你一个套路，你就会了，但是让你自己想很难想出来。首先，打开你的编辑器或者jsbin，新建一个html文件和一个css文件，用把两个文件关联起来。
酒极子·2023-07-16 09:14

iOS开发html+css学习之开班信息练习

*{margin:0;padding:0;}body{font:12px/1宋体;}.outer{width:300px;background-color:#bfa;margin:50pxauto;}.title{border-top:2px#019e8bsolid;height:36px;background-color:#f5f5f5;line-height:36px;padding:0px2
程序大猩猩·2023-07-13 20:08

scss使用

本地搭建scss学习环境cdscss-1npminit-ynpmi-Dparcelnpxparcelindex.htmlmixinimage.pngimage.pngplaceholderimage.png
郑无穷大·2023-06-18 18:44

CSS学习笔记（二十一）CSS变量var()

CSS变量CSS变量var()函数用于插入CSS变量的值。CSS变量可以访问DOM，这意味着您可以创建具有局部或全局范围的变量，使用JavaScript来修改变量，以及基于媒体查询来修改变量。使用CSS变量的一种好方法涉及设计的颜色。您可以将它们放在变量中，而不必一遍又一遍地复制和粘贴相同的颜色。var()函数的语法var()函数用于插入CSS变量的值。var()函数的语法如下：var(name,
〔晴【天】º〕·2023-06-18 02:33

CSS学习笔记（九）display: inline-block，CSS 布局- 水平和垂直对齐

CSS布局-display:inline-blockdisplay:inline-block与display:inline相比，主要区别在于display:inline-block允许在元素上设置宽度和高度。同样，如果设置了display:inline-block，将保留上下外边距/内边距，而display:inline则不会。与display:block相比，主要区别在于display：inli
〔晴【天】º〕·2023-06-18 02:03

Web前端开发之CSS学习笔记5—溢出、浮动、层叠

目录位置1.解决溢出问题overflow1.1overflow1.2resize属性2.display属性：定义显示框类型2.1display:block;将行内元素转块级元素2.2display：inline;将块级元素转换成行内元素2.3display:inline-block将行内元素转化为行内块元素2.4display:none;使元素消失2.5visibility:hidden;元素隐藏
云卷云舒_jing·2023-06-16 05:08

黑马css学习笔记

一、CSS网页美容师1、让网页更加丰富多彩，布局更加灵活自如2、让HTML从样式中脱离，实现了HTML专注做结构呈现，样式交给css。实现了结构和样式相分离css初识概念：css通常称为css样式表或者层叠样式表、级联样式表作用：主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框、边距）以及版面布局和外观显示样式注释/**/快捷键ctrl+/二、引入css样式表
firewrk·2023-06-16 05:35

视频教程-Bootstrap速成实战-HTML5/CSS

¥69.00立即订阅扫码下载「CSDN程序员学院APP」，1000+技术好课免费看APP订阅课程，领取优惠，最少立减5元↓↓↓订阅后：请点击此处观看视频课程视频教程-Bootstrap速成实战-HTML5/CSS
我爱故我在·2023-06-14 21:16
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他