css学习

css学习之路：sass学习基础篇

SCSS一、动态的样式语言让CSS有变量的概念css有很多的缺点语法不够强大，没有变量和合理的样式复用机制，导致难以维护，我们就可以使用动态样式语言，赋予CSS新的特性。常见的动态样式语言scss/sass（scss兼容sass，因为scss更接近css的语法）boot4sass是一个成熟、稳定、强大的CSS扩展语言解析器。lessboot3LESS为CSS赋予了动态语言的特性，如变量、继承、运算
@德玛玩前端·2024-01-05 12:37

前端学习|第三章

CSS学习|第二章前言九、圆角边框十、盒子阴影十一、文字阴影十二、浮动12.1浮动的特性12.2常见网页布局12.3清除浮动十三、定位十四、元素的显示与隐藏前言小白开始干前端生命不息，学习不止~~以下内容源于黑马前端教程
多加点辣也没关系·2024-01-04 09:54

CSS学习笔记

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

css学习第二天

复合选择器(四种)交集选择器:多个选择器的公共部分通配符不与其他选择器相交，因为通配符选择器所有的元素。id选择器不与其他选择器相交，因为id是唯一的。标签不与标签相交一般都是标签与类名相交，或者类名与类名相交。aside.list{co1or:☐#ff0000;}我是网页的第一个侧导航我是网页的第二个侧导航并集选择器:多个选择器的所有部分格式：选择器1，选择器2，选择器3{}.content,#
@zyf哈哈哈哈·2024-01-02 22:14

css学习第一天

为什分要使用CSS?为了美化网页标签的属性不能满足所有样式的需求标签的属性使页面结构变得臃肿为了实现结构与样式的相分离什么是CSS?css：(CascadingStyleSheets)层叠样式表、级联样式表如何使用CSS?行内样式表（内联样式表）格式我是头部标签二特点只能作用于单个的标签没有实现结构与样式的相分离内部样式表格式：//(写在里面)选择器{CSS的属性名A:CSS的属性值A;CSS的属
@zyf哈哈哈哈·2024-01-02 22:44

CSS学习笔记

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

预编译语言

了解PostCSS学习less官网lessnpminstall-glesslesscstyle.lessstyle
皮卡皮卡皮卡丘11·2023-12-31 04:33

前端学习之路---CSS

CSS学习内容下一篇javascript基础（1）1.学会使用CSS选择器2.熟记CSS样式和外观属性3.熟练掌握CSS各种选择器4.熟练掌握CSS各种选择器5.熟练掌握CSS三种显示模式6.熟练掌握CSS
胡哥居士·2023-12-30 03:21

CSS学习之-05

组合选择器后代选择器：以空格分隔后代选择器用于选取某元素的后代元素divp{}本实例表示选取元素的内的所有元素设置子元素选择器：以大于号>分隔div>p{}本实例表示选取元素下的直接子元素设置相邻兄弟选择器：以加号+分隔div+p{}本实例表示可选择紧接在元素后的元素，且二者有相同父元素后续兄弟选择器div~p{}本实例表示可选择在元素后的所有相邻兄弟元素
Dragonlongbo·2023-12-30 00:24

CSS学习之-06

伪类selector:pseudo-class{property:value}selector.class:pseudo-class{property:value}例子a:link{color:#FFF;}a:visited{color:#000;}a:hover{color:#ECECEC;}a:active{color:#a0a0a0;}a.red:link{color:#FFF;}p:fir
Dragonlongbo·2023-12-30 00:24

CSS学习之-06

margin：元素对齐方式，使用auto实现居中。text-align：文本对齐方式，使用center实现居中。position：absolute-left、right左右对齐float：left、right左右对齐，当使用float时，子元素的高度大于父元素，且子元素设置了浮动，那么子元素将溢出，这时候你可以使用clearfix（清除浮动）来解决问题.clearfix{overflow:auto
Dragonlongbo·2023-12-29 20:13

CSS学习之-03

Overflow：该属性用于控制内容溢出元素框时显示的方式。visible:默认值，内容不会被裁剪，会呈现在元素框之外hidden：内容会被裁剪，并且其内容是不可见的scroll：内容会被裁剪，但是浏览器会显示滚动条以便查看其余内容auto：如果内容被裁剪，则浏览器会显示滚动条以便查看其余内容inherit：规定应该从父元素集成overflow属性的值
Dragonlongbo·2023-12-29 20:43

CSS学习之-04

float：元素的水平方向浮动，意味着元素只能左右移动而不能上下移动。一个浮动元素会尽量向左或向右移动，直到它的外边缘碰到包含边框或另一个浮动框的边框为止。浮动元素之后的元素将围绕它。浮动元素之前的元素将不会收到影响。如果图像是向右浮动，下面的文本流将环绕在它左边。彼此相邻的浮动元素，则会根据窗口大小自动调整排列。清除浮动-clear元素浮动后，周围的元素和会重新排列，为了避免这种情况，使用cle
Dragonlongbo·2023-12-29 20:43

CSS学习之-02

position：该属性指定了元素的定位类型static：默认值，即没有定位，准寻正常的文档流对象，该定位不会受到top、bottom、left、right影响。fixed：元素的位置相对于浏览器窗口是固定的，即使窗口滚动它也不会移动。Fixed定位使元素的位置与文档流无关，因此不占据空间。Fixed定位的元素和其他元素重叠。（该定位在IE7、IE8下需要描述!DOCTYPE才能支持）relati
Dragonlongbo·2023-12-29 20:12

《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学习

1.语法规范css用小写便于阅读。代码展开写，选择器占一行。样式的冒号和选择器后有一个空格。css写在head标签里面。p是选择器，选择要修改的标签；color是样式，样式之间用分号间隔。此处将p段落文字都设置成蓝色。p{color:blue;}font-size是字体大小，后面要加px，例如将字体大小设置为12：font-size:12px2.选择器的使用选择器的作用是选择标签，以便修改元素的样
一瓶酒九块九·2023-12-26 16:37

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

一些工具/网站自用总结

markdown转pdf:网址–代码highlight还不错网址–空格也显示手感不错网址--即时渲染功能很好+朴素html与css学习:w3school,不是中文网，这个例子和测试机制做的很不错，很适合自学
Mike峰·2023-12-23 08:29

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

04.尚硅谷css笔记

css学习资料尚硅谷css3：https://www.bilibili.com/video/BV1XJ411X7UdMDN:https://developer.mozilla.org/zh-CN/CSS3
xjt_0901·2023-12-20 13:30

归零——CSS学习-第六天

盒子模型（margin+border+padding+content[width+height]）盒子三大部分（盒子的组成部分）：盒子壁border，内边距padding，盒子内容width+heightpadding/margin/border-width属性☛padding:toprightbottomleft;☛padding:topright-leftbottom;☛padding:top
夏沫雪殇·2023-12-18 05:42

【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

01_Web开发基础之HTML+CSS

Web开发基础之HTML+CSS学习目标和内容1、能够描述Web开发需要的技术点2、能够描述HTML的作用3、能够实现一个列表4、能够实现创建一个表格5、能够实现一个表单6、能够描述CSS的作用7、能够使用选择器获取到标签
师范大学通信大怨总·2023-12-17 10:02

CSS学习

CSS学习1.什么是css?
前面有光·2023-12-17 05:18

CSS学习03：CSS颜色与单位

文章目录1、CSS颜色英文命名颜色RGB颜色十六进制颜色（Hexadecimalcolors）十进制数的分解十六进制数的分解计算十六进制色网页颜色2、长度值像素emrem%3、挑战我们会在很多地方看到CSS单位中使用到数值。下面将介绍数值的最常用类别。1、CSS颜色网页中的颜色设置非常重要，有字体颜色，背景颜色，边框颜色等，设置颜色的方法也有很多种。英文命名颜色p{color:pink;}/*给p
远近2021·2023-12-05 21:46

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

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

HTML+CSS学习总结

html的认识html他是超文本语言（HyperTextMarkupLanguage）是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字，图形、动画、声音、表格、链接等。html的基本构成html是一个网页的架构（类似人体的骨架），在网页中是非常重要的部分，
qq_58193995·2023-12-03 13:39

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

HTML与CSS学习第11天

HTML学习第11天目录HTML学习第11天1.空间转换1.1空间转换概述1.2空间转换的使用1（位移）1.2.2透视案例1.3空间转换的使用2（旋转）案例：绕x轴旋转拓展1.4立体呈现案例：呈现立方体综合案例：实现3d导航注意点1.5空间转换的使用3（缩放）案例2.动画2.1动画与过渡2.2动画的定义与使用案例：两个状态变化注意点案例：百分比动画2.3动画属性注意点匀速变化案例逐帧变化案例延迟时
湖南科技大学吴光霁·2023-12-01 17:04

CSS学习（三）—— 浮动与定位

六、浮动与定位1、浮动1）浮动基本概念浮动最本质的功能：用来实现并排浮动使用要点：如若要浮动，并排的盒子都要设置浮动；父盒子要有足够宽度，否则盒子会掉下去浮动的顺序贴靠特性：子盒子会按照顺序进行贴靠，如果没有足够空间，则会再寻找前一个兄弟元素浮动元素不再区分块级元素、行内元素，已经脱离了标准文档流，一定能设置宽高，即使他是span或者a标签float:left;左浮动，浮动元素统一按顺序向左靠fl
柯灵Lying·2023-11-30 15:50

CSS学习（8）——CSS浮动

目录一、传统网页布局的三种方法二、浮动1.语法2.浮动特性2.1脱标2.2浮动元素一行显示2.3浮动元素具有行内块特性2.4浮动元素经常和标准父级搭配使用2.5一个元素浮动了，理论上其余的兄弟元素也要浮动3.清除浮动3.1额外标签法3.2给父级添加overflow3.3:after伪元素法3.4双伪元素清除浮动一、传统网页布局的三种方法1.普通流（标准流/文档流）按照标签规定好的默认方式排列。即块
沐木木木木L·2023-11-30 15:48

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

CSS学习一

学习目标：>1.学会使用CSS选择器>2.熟记CSS样式和外观属性>3.熟练掌握CSS各种选择器>4.熟练掌握CSS各种选择器>5.熟练掌握CSS三种显示模式>6.熟练掌握CSS背景属性>7.熟练掌握CSS三大特性>8.熟练掌握CSS盒子模型>9.熟练掌握CSS浮动>10.熟练掌握CSS定位>11.熟练掌握CSS高级技巧强化CSSCSS的发展历程：从HTML被发明开始，样式就以各种形式存在。不同的
ZPNGU·2023-11-28 09:25

CSS3---选择器分类，最全版

代码实例演示，如下：为p标签设置样式，则当前页面，所有的p标签的样式，都生效CSS学习p{color:pink;}第一段test第二段第三段前台页面展示，如下类选择器类
一久19·2023-11-28 06:26

html和css学习总结

本周我大概用了六天的时间完成了html和css的复习、制作考核网页以及完成了学长布置的五个学习小任务，总的来说，虽然完成了这一周的学习，但是对于一些知识点掌握的不是很牢固，使用不太熟练，之后还需要多加练习，对于本周的学习我有如下总结：1.基础知识掌握牢固对于写网页需要的基础知识一定要牢牢掌握，比如，每个网页都需要的导航栏，一定要熟练掌握；下拉菜单最常用的是ul和li标签，也就是列表元素；对于一些标
丁晓杰_2021强化班·2023-11-24 15:57

HTML+CSS基础知识内容

HTML+CSS学习——基础知识点HTML基础发展历史网页组成基本结构标签结构字符编码标签常用标签1、文本标题h1-h62、段落文本p3、换行br4、水平线hr5、加粗strong6、倾斜em7、删除线
忘星 . *·2023-11-20 21:09

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

CSS初体验体验CSS学习CSS第一天p{/*文字颜色*/color:blue;/*增大尺寸*/font-size:30px;}学习CSS第一天一、CSS引入方式：CSS引入方式这是p标签这是div标签二
陈嘉敏.·2023-11-19 21:23

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

学习记录 --【零基础CSS学习】05.并集选择器和交集选择器

目录前言一、并集选择器二、交集选择器前言写这个初衷是为了记录自己学习的过程，强制打卡，希望自己不要半途而废，也希望可以给和我一样的入门小白提供一些参考。我的学习就是跟着视频学习，浏览一些教学网站，边看边学边练，希望大家一起进步。一、并集选择器并集选择器1.同时选中多个元素2.选择时要用","连接3.标签选择器，id选择器，class选择器都可以混合使用示例1：利用并集选择器，同时选择div和第一个
钟情于山海·2023-11-13 11:17

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