css学习笔记

前端HTML5/HTML+CSS3/CSS学习笔记(六)

表单的应用认识表单创建表单认识表单注：表单”是网页上用于输入信息的区域，用来实现网页与用户的交互、沟通。例如注册页面中的用户名和密码输入、性别选择、提交按钮等都是用表单相关的标记定义的。创建表单在HTML5中，标记被用于定义表单域，即创建一个表单，以实现用户信息的收集和传递，中的所有内容都会被提交给服务器。各种表单控件与之间的表单控件是由用户自定义的，action、method为表单标记的常用属性
LHBxiaobin·2024-02-15 08:03

web前端css学习笔记(2)——选择器

目录前言一、CSS选择器1.通配选择器2.元素选择器3.类选择器4.ID选择器二、复合选择器1.交集选择器2.并集选择器3.后代选择器4.子代选择器5.兄弟选择器6.属性选择器总结前言本篇学习CSS选择器，内容比较复杂易混。一、CSS选择器1.通配选择器可以选中所有的HTML元素，一般用于清除样式*{属性名:属性值;}2.元素选择器为页面中某种元素统一设置样式h1{color:orange;fon
果粒橙_·2024-02-03 09:31

HTMLCSS学习笔记（十一）-- css3渐变及2D

浏览器前缀-ms-:IE浏览器专属的CSS属性需添加-ms-前缀-ms-box-shadow:1px1px0#CCC;-moz-:所有基于Gecko引擎的浏览器（如Firefox）专属的CSS属性需添加-moz-前缀-moz-box-shadow:1px1px0#CCC;-o-:Opera浏览器专属的CSS属性需添加-o-前缀-o-box-shadow:1px1px0#CCC;-webkit-:所
千锋HTML5学院·2024-02-03 00:33

css学习笔记(适合后端开发人员学习的文章)

1、什么是css层叠样式表语言，作用是用来修饰HTML，让HTML更好看。类似平时生活中的化妆品2、三种方法嵌入css样式2.1内联定义2.1.1内联定义语法格式：2.2定义内部样式块对象定义内部样式块对象div{background-color:aqua;width:200px;height:200px;border-style:solid;border-width:5px;}#username
故我往事·2024-01-28 23:52

CSS学习笔记

css的三种样式一.行内样式二.内部样式div{width:200px;height:200px;background-color:aqua;}我是一个div三.外部样式如同内部样式,但是需要添加一个css文件,且进行下方的操作:@importurl("css路径");@import和link的区别:1：本质的差别：link属于XHTML标签，而@import完全是CSS提供的一种方式.2:加载顺
苦逼的猿宝·2024-01-27 21:38

最热网友收藏

年第1周)2007年第1周最热网友收藏共享一些面试题(52)，共94人收藏，xblue3首先收藏程序员真实写真:35岁前成功的12条黄金法则(49)，共182人收藏，yanglilibaobao首先收藏css
weixin_30267697·2024-01-26 02:29

HTML+CSS

HTML+CSS学习笔记0.HTMl(HyperTextMarkupLanguage)复习HTML标签有两类：块级元素div、h1~h6、blockquote、dl、dt、dd、form、hr、ol、p
bomagic·2024-01-17 09:34

HTML5 & CSS学习笔记

最新前端开发入门教程，web前端零基础html5+css3+前端项目视频教程_哔哩哔哩_bilibili代码地址：HTML5+CSS:用于学习、练习前端的相关知识。目录HTML1.html骨架2.HTML标签2.1排版标签2.1.1标题标签3.媒体标签4.列表标签CSSCSS书写顺序：1.选择器1.1标签选择器1.2基础选择器1.3id选择器1.4通配符选择器2.字体和文本样式2.1文字2.2文本
秣凡·2024-01-14 07:47

Html&CSS学习笔记02---HTML标签的介绍

1、HTML标签介绍1.1、标签的格式:封装的数据1.2、标签名大小写不敏感1.3、标签拥有自己的属性基本属性：bgcolor="red"可以修改简单的样式效果事件属性：onclick="alert('你好！');"可以直接设置事件响应后反馈的代码1.4、标签又分为，单标签和双标签单标签格式：换行水平线双标签格式:..封装的数据....封装的数据..1.5、标签的语法正确：早安，尚硅谷错误：早安，
DKTF·2024-01-09 19:25

HTMLCSS学习笔记（六）-- 元素类型

元素类型根据css显示分类，XHTML元素被分为三种类型:块状元素，内联元素，可变元素&&三种类型：块状元素，内联元素，内联块元素(css2.1增加)块状元素的特点块状元素在网页中就是以块的形式显示，所谓块状就是元素显示为矩形区域，默认情况下，块状元素都会占据一行，通俗地说，两个相邻块状元素不会出现并列显示的现象；默认情况下，块状元素会按顺序自上而下排列。块状元素都可以定义自己的宽度和高度。块状元
千锋HTML5学院·2024-01-06 07:02

CSS学习笔记

文章目录关于CSSHTML的局限性CSSCSS语法规范CSS样式风格选择器选择器的作用及分类基础选择器标签选择器类选择器多类名id选择器id选择器和类选择器的区别通配符选择器基础选择器总结复合选择器后代选择器（重要）子选择器（重要）并集选择器（重要）伪类选择器链接伪类选择器:focus伪类选择器复合选择器总结CSS引入方式行内样式表（行内式）内部样式表(嵌入式）外部样式表（链接式）字体属性字体系列
Brilliance02·2024-01-04 08:49

CSS学习笔记

一.概述CSS指层叠样式表，定义了如何显示HTML元素。样式通常存储在样式表中，可以解决内容和表现分离的问题，极大提高工作效率。外部样式表通常存储在CSS文件中，多个样式定义可层叠为一。样式解决了一个普遍的问题HTML标签原本被设计为用于定义文档内容，同时文档布局由浏览器来完成，而不使用任何的格式化标签。但由于两个主要的浏览器不断地将新的HTML标签和属性添加到HTML规范中，导致创建文档内容清晰
肠粉白粥_Hoben·2023-12-31 20:51

《CSS学习笔记》之display、浮动float，及其四种解决父级元素塌陷问题的方法

一、标准文档流二、display属性这个也是一种实现行内元素排列的方式，但是我们很多情况都是用float三、float属性float:right;float:left;clear:both四、float浮动导致父级边框塌陷问题使用浮动float后该元素就会飘出文档流，不在被父级元素所包含。（一）问题分析未浮动前：箱子元素左浮动后：所有子元素浮动后：（二）解决方法clear属性作用：清除浮动解决子元
每天八杯水D·2023-12-26 21:42

css学习笔记8（定位）

css学习笔记8（定位）1.相对定位1.1如何设置相对定位？1.2相对定位的参考点在哪里？1.3相对定位的特点：2.绝对定位2.1如何设置绝对定位？2.2绝对定位的参考点在哪里？
该叫啥·2023-12-26 20:53

css学习笔记7（浮动）

css学习笔记7（浮动）六、浮动1.浮动的简介2.元素浮动后的特点3.浮动影响3.1浮动后会有哪些影响3.2浮动后会有哪些影响4.浮动布局练习六、浮动1.浮动的简介在最初，浮动是用来实现文字环绕图片效果的
该叫啥·2023-12-25 12:53

css学习笔记6（盒子模型）

CSS盒子模型五、CSS盒子模型1.CSS长度单位2.元素的显示模式3.总结各元素的显示模式4.修改元素显示模式5.盒子模型的组成6.盒子内容区（content）7.关于默认宽度8.盒子内边距（padding）9.盒子边框（border）10.盒子外边距（margin）10.1margin注意事项10.2margin塌陷问题10.3margin合并问题11.处理内容溢出12.隐藏元素的方式13.样
该叫啥·2023-12-23 11:31

css学习笔记3（字体属性）

字体属性3.CSS字体属性3.1字体大小3.2字体族3.3字体风格3.4字体风格3.5字体复合写法3.CSS字体属性3.1字体大小属性名：font-size语法：div{font-size:40px;}注意点Chrome浏览器支持的最小文字为12px，默认的文字大小为16px，并且0px会自动消失。不同浏览器默认的字体大小可能不一致，所以最好给一个明确的值，不要用默认大小。通常以给body设置fo
该叫啥·2023-12-21 20:32

css学习笔记5

css学习笔记55.CSS列表属性6.CSS表格属性1.边框相关属性（其他元素也能用）：2.表格独有属性（只有table标签才能使用）：7.CSS背景属性8.CSS鼠标属性5.CSS列表属性列表相关的属性
该叫啥·2023-12-21 20:32

css学习笔记4（文本属性）

文本属性4.CSS文本属性4.1文本颜色4.2文本间距4.3文本修饰4.4文本缩进4.5文本对齐_水平4.6细说font-size4.7行高4.8文本对齐_垂直4.9vertical-align4.CSS文本属性4.1文本颜色属性名：color可选值：颜色名rgb或rgbaHEX或HEXA（十六进制）HSL或HSLA开发中常用的是：rgb/rgba或HEX/HEXA（十六进制）。举例：div{co
该叫啥·2023-12-21 20:01

css学习笔记2

css学习笔记2CSS三大特性1.三大特性1.1层叠性1.2继承性1.3优先级2.颜色的表示2.1表示方式一：颜色名2.2表示方式二：rgb或rgba2.3表示方式三：HEX或HEXA2.4表示方式四：
该叫啥·2023-12-21 20:26

【CSS学习笔记六】遵循原则、定位（五种模式：静态、相对、绝对、固定、粘性定位）

文章目录14遵循原则14.1页面布局14.2CSS属性专业书写顺序15定位15.1定位组成15.2定位模式15.2.1静态定位`position：static`15.2.2相对定位（父级）`position：relative`15.2.3绝对定位（子级）`position：absolute`15.2.4固定定位`position：fixed`15.2.5粘性定位`position：sticky`1
waski·2023-12-17 20:37

CSS学习笔记整理

CSS即层叠样式表/CSS样式表/级联样式表，也是标记语言，用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距）以及版面的布局和外观显示样式目录准备工作Chrome调试工具Emmet语法第一章引入方式第二章基本语法语法规范代码风格CSS选择器1.基础选择器：2.CSS复合选择器CSS三大特性1.层叠性：2.继承性：3.优先级：第三章常见属性CSS字体属性C
bfbshs_ddd·2023-12-17 11:45

CSS学习笔记----CSS3自定义字体图标

响应式网页字体图标作者：大漠日期：2014-01-28点击：3220@font-faceResponsive本文由大漠根据Jason的《ResponsiveWebfontIcons》所译，整个译文带有我们自己的理解与思想，如果译得不好或不对之处还请同行朋友指点。如需转载此译文，需注明英文出处：http://webstandardssherpa.com/reviews/responsive-webf
weixin_30747253·2023-12-03 13:40

CSS学习笔记

目录一、初识CSS1.1CSS是什么1.2CSS发展史1.3CSS的三种导入方式1.3.1内部样式：1.3.2外部样式（推荐使用）：1.3.3行内样式二、CSS选择器⭐2.1三种基本选择器2.1.1标签选择器2.1.2类选择器2.1.3ID选择器2.2层次选择器2.2.1后代选择器（空格）2.2.2子选择器（>）2.2.3相邻兄弟选择器（+）2.2.4通用兄弟选择器(~)2.3结构伪类选择器（:）
HiLittleBoat·2023-12-03 07:42

CSS学习笔记四---背景属性 & 浮动属性

一：知识点1：背景属性总结2：background-color：rgba（255，0，0，0.5）；a：透明度（0.1~1）3：background-image：效果默认平铺，background-repeat可以设置平铺效果，x轴平铺（repeat-x），y轴平铺（repeat-y），不平铺（no-repeat），默认平铺效果。4：background-position：20px20px（可负数
阿茶阿茶·2023-11-30 15:44

CSS学习笔记--第五天

文章目录八、CSS高级技巧1.精灵图（重点）1.1为什么需要精灵图1.2精灵图（sprites）的使用2.字体图标2.1字体图标的产生2.2字体图标的优点2.3字体图标的下载2.4字体图标的引入2.5字体图标的追加2.6字体图标加载的原理3.CSS三角3.1介绍4.CSS用户界面样式4.1鼠标样式cursor4.2轮廓线outline4.3防止拖拽文本域resize5.vertical-align
墨瑒·2023-11-29 04:17

Web前端开发CSS学习笔记2—五大类选择器

目录CSS选择器分类—五大类：基本、复合、伪元素、伪类、属性选择器：第一类：基本选择器1.通用选择器2.元素选择器3.类选择器4.id选择器第二类：复合选择器1.交集选择器2.并集选择器3.后代选择器4.子元素选择器5.相邻兄弟选择器6.通用兄弟选择器第三类：伪元素选择器1.::first-line选择器2.::first-letter选择器3.::before和::after选择器4.::sel
云卷云舒_jing·2023-11-20 18:42

CSS学习笔记｜MDN-CSS选择器

记录在MDN学习CSS中的一些个人笔记。选择器种类通配选择器或叫全局选择器。选中所有元素。*{}标签、类、ID选择器标签选择器。选择所有的h1元素h1{}类选择器。选择类名有box的元素.box{}ID选择器。选择ID为aid的元素#aid{}标签+类/ID，选择含有指定类/ID的某标签元素。选择类名为aclass的h1元素。选择ID名为aid的h1元素。h1.aclass{}h1#aid{}标签
xChive·2023-11-13 11:19

CSS学习笔记03-CSS复合选择器

目录交集选择器并集选择器后代选择器子元素选择器链接伪类选择器结构伪类选择器占位符选择器伪元素选择器属性选择器交集选择器交集选择器由两个选择器构成，找到的标签必须满足：既有标签一的特点，也有标签二的特点。其中第一个为标签选择器，第二个为类选择器，两个选择器之间不能有空格。/*交集选择器的书写要求：1.第一个选择器必须是标签选择器2.第二个选择器必须是类选择器3.两个选择器中间不加空格，加点*//*含
多啦不能没有梦·2023-11-13 11:48

HTML及CSS学习笔记 06 - CSS简介和常见的选择器

本文是HTML及CSS课程的第六课。W3C提倡网页的内容与表现分离，层叠样式表（CascadingStyleSheet）即是网页中的“表现”部分，它描述HTML标签将会显示成什么样子。本文介绍层叠样式表的基本概念，及在层叠样式表中常见的选择器类型等内容文章目录一、层叠样式表（CSS）介绍1、层叠样式表是什么2、为什么使用层叠样式表3、层叠样式表的格式4、层叠样式表写在哪里4.1、行内样式4.2、内
chodenke·2023-11-13 11:44

CSS学习笔记二---选择器

一：知识点1：伪类选择器：链接样式四个状态a：a:link---正常，还未访问过b：a:visited---用户已访问过的链接c：a:hover---当用户鼠标放在链接上时d：a:active---链接被点击的那一刻注：a:hover必须跟在a:link和a:visited后面a:active必须跟在a:hover后面CSSa:link{color:#000000;text-decoration:
阿茶阿茶·2023-11-13 11:11

CSS学习笔记-CSS选择符\CSS伪类\CSS伪元素\CSS特指度

Chapter2CSS工作原理CSS注释语法：/*注释*/2.1剖析CSS规则规则实际就是一条完整的CSS指令，声明了要修改的元素和要应用给该元素的样式比如以下规则把文本设成红色p{color:red;}为文档添加样式的三种方法1、行内样式blabla行内样式只影响它所在的标签，会覆盖嵌入样式与链接样式2、嵌入样式h1{font-size:12px;}p{color:red;}作用范围为当前页面，
Moplit·2023-11-06 00:28

CSS学习笔记

元素显示模式转换一个模式的元素需要另一个元素display:block转换为块级元素display:inline转换为行内元素display:inline-block转换为行内块行内块元素具有块元素和行元素的特点特点：1.和相邻行内元素（行内块）在一行上，但是他们之间会有空白缝隙。一行可以显示多个（行内元素特点）。2.默认宽度就是它本身内容的宽度（行内元素特点）3.高度，行高，外边距以及内边距都可
YuKing_HONG·2023-11-03 12:08

CSS学习笔记-05-浮动

笔记来源：【狂神说Java】CSS3最新教程快速入门通俗易懂文章目录5、浮动5.1、标准文档流5.2、display5.3、float5.4、父级边框塌陷的问题5.5、BFC5.6、clear5.7、高度塌陷的最终解决方案（使用伪类）5.8、clearfix5.9、对比5、浮动5.1、标准文档流文档流网页是一个多层的结构，一层摞着一层通过CSS可以分别为每一层设置样式用户只能看到最顶上一层这些层中
Lary_c·2023-10-25 14:14

CSS学习笔记（七）CSS图标，CSS 链接，cursor，CSS 列表，CSS 表格

CSS图标如何添加图标向HTML页面添加图标的最简单方法是使用图标库，比如FontAwesome。将指定的图标类的名称添加到任何行内HTML元素（如或）。下面的图标库中的所有图标都是可缩放矢量，可以使用CSS进行自定义（大小、颜色、阴影等）。FontAwesome图标如需使用FontAwesome图标，请访问fontawesome.com，登录并获取代码添加到HTML页面的部分：url为你访问fo
〔晴【天】º〕·2023-10-18 21:01

CSS学习笔记

CSS1.概念CSS（层叠样式表）是一种用来描述文档如何呈现在屏幕、打印等上的语言。通过使用CSS，我们可以将HTML标记与外观和布局分离。2.CSS引入方式外部样式表：在head标签中加入标签，href属性指向外部css文件。内部样式表：在head标签中使用3.选择器基础选择器标签选择器：选择相应标签的元素，如div、p等类选择器：选择指定class属性值的所有元素，如.exampleid选择器
qq_42431718·2023-10-17 23:14

HTMLCSS学习笔记（十二）-- css3-3D和动画

景深生活中的3d区别于2d的地方近大远小景深程序中实现的方法perspective元素距离视线的距离（物体和眼睛的距离越小，近大远小的效果越明显）/*在父元素中使用*/perspective:1200px;/*在子元素中使用*/transform:perspective(1200px);两个都设置会发生冲突，建议只设置父元素，通常的数值在900-1200之间如果当你的视线距离物体足够远的时候，基本
千锋HTML5学院·2023-10-17 01:50

CSS学习笔记

目录1.CSS简介1.什么是CSS2.为什么使用CSS3.CSS作用2.基本用法1.CSS语法2.CSS应用方式1.内部样式2.行内样式3.外部样式1.使用link标签链接外部样式文件2.@import指令导入外部样式文件3.使用举例3.选择器1.基础选择器1.标签选择器2.类选择器3.ID选择器4.使用举例2.复杂选择器1.复合选择器2.组合选择器3.嵌套选择器4.使用举例5.伪类选择器6.伪元
诗仙&李白·2023-10-15 21:11

css学习笔记————css学习方法

今天通过饥人谷学习了css的相关知识。基本语法分为两个。样式语法选择器{属性名：属性值；/注释/}eg：.demo{border:1pxblacksolid;/*边界*/}Tips:注释里面的符号都是英文区分大小写最后一个分号不要省略，养成好习惯错误自查方式使用chrome查找：找到想要查找的标签看他是否有选择器样式是否被划掉/警告被划掉了at语法@charset"UTF-8";这个是为了申明字符
郑馋师·2023-10-15 13:03

CSS学习基础知识

CSS学习笔记抖音解决方案*{margin:0;padding:0;box-sizing:border-box;}li{list-style:none;}.box{width:1200px;height
沧海二阳·2023-10-13 02:35

尚硅谷CSS学习笔记

什么是csscss（层叠样式表）它是一种标记语言，用于给HTML结构设置样式。简单理解css可以美化html，实现结构与样式的分离。css样式如何编写？1、行内样式写在标签style属性中。测试2、内部样式写在HTML页面内部，将所有css代码抽取出来，单独放在style标签中。注意：style标签理论上可以放在HTML文档的任何地方，但一般都放在head标签中3、外部样式写在单独的css文件中，
MissXu666·2023-10-11 09:21

HTMLCSS学习笔记（五）-- 盒模型及文本溢出

盒模型盒模型是css布局的基石，它规定了网页元素如何显示以及元素间相互关系。css定义所有的元素都可以拥有像盒子一样的外形和平面空间。即都包含内容区、补白（填充）、边框、边界(外边距)这就是盒模型。PADDINGMARGIN盒子大小计算文本溢出overflowvisible:默认值，内容不会被修剪，会呈现在元素框之外；hidden：内容会被修剪，并且其余内容是不可见的；scroll：内容会被修剪，
千锋HTML5学院·2023-10-11 00:13

Day01：尚硅谷前端HTML+CSS学习笔记

什么是前端开发？学习路线1、认识两位先驱2、计算机基础知识3、C/S架构与B/S架构4、浏览器相关知识5、网页相关概念
唐青凡·2023-10-10 00:35

B站coderwhy前端html+css学习笔记 day10

一、cursor可以设置鼠标指针在元素上面时的显示样式1.常见设值auto:浏览器根据上下文决定指针的显示样式，比如根据文本或者非文本切换指针样式default:箭头效果pointer小手效果text竖线效果none什么效果都无二、css属性-定位1、标准流（NormalFlow）默认情况下，元素都是按照标准流进行排布从左到右，从上到下按顺序摆放好默认情况下不存在层叠情况可以通过margin、pa
coder_66l·2023-10-10 00:30

css学习笔记（二）

一、emmet语法1、简介Emmet语法的前身是Zencoding,它使用缩写,来提高html/css的编写速度,Vscode内部已经集成该语法。快速生成HTML结构语法快速生成CSS样式语法2、快速生成HTML结构语法生成标签直接输入标签名按tab键即可比如div然后tab键，就可以生成如果想要生成多个相同标签加上*就可以了比如div*3就可以快速生成3个div如果有父子级关系的标签，可以用>比
送我迷迭香·2023-10-06 09:26

CSS基础

前言之前假期累积的CSS学习笔记终于有时间整理发出来了，本篇文章着重梳理之前所学的CSS基础知识点，由于都是基础就不拆分发出来了，就一篇汇总，有着自己的总结，方便以后的复习，也希望对大家有帮助。
°PJ想做前端攻城狮·2023-10-02 23:43

CSS学习笔记--第一天

文章目录一、CSS（一）1.CSS简介1.1CSS语法规范1.2CSS代码风格2.CSS基础选择器2.1CSS选择器的作用2.2选择器分类2.3标签选择器2.4类选择器2.4多类名选择器2.5id选择器2.6通配符选择器2.7选择器总结3.CSS字体属性3.1字体系列3.2字体大小3.3字体粗细3.4文字样式3.5字体的综合写法3.6字体总结4.CSS文本属性4.1文本颜色4.2文本对齐4.3装饰
墨瑒·2023-10-02 23:12

CSS学习笔记六——元素显示类型

元素显示类型一、块元素二、行内（内联）元素三、行内块元素四、元素类型转换五、结语一、块元素块元素在网页中以块的形式显示，即矩形区域显示；默认情况下，块元素独占一行，且按顺序自上而下排列；块元素可自定义宽高；块元素一般作为其他元素的容器，可以容纳其它内联元素和块元素，这种容器也可称为盒子；块元素会默认添加display：block属性值，但li标签会默认添加display：list-item属性值，
前端小实战·2023-09-26 05:15

【CSS学习笔记】

CSS学习笔记一、CSS概述二、CSS选择器（一）id选择器（二）class选择器（三）标签选择器（四）子代选择器（五）后代选择器（六）相邻兄弟选择器（七）后续兄弟选择器三、CSS常见样式（一）背景样式
程小时768·2023-09-26 05:14

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
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他