css笔记

CSS笔记一

一、语法选择器{属性：属性值；属性：属性值}二、书写分类行内样式：直接通过style属性写在标签上123456页内样式：在html页面创建style标签外链样式：三、选择器3.1通用选择器*{padding:0pxmargin:0px}3.2标签选择器p{font-size:20pxwidth:20px}div{width:20pxheight:20px}3.3类选择器.div1{width:20
CspecialJ·2025-03-12 06:59

CSS笔记（九） 盒子模型---------清除浮动

前言我们前面学到的浮动元素有一个标准流的父元素，他们有一个共同点特点，都是有高度的但是，所有的父盒子都必须给高度吗最好的选择是不是让子盒子撑开父盒子，有多少子盒子就能撑开父盒子但是呢，由于在网页中父盒子在很多情况下没有给高度，子盒子float浮动了又不占有位置，那么没有盒子撑开父盒子了，父盒子的高度就会为0,也就是我们说过的父元素坍塌一、清除浮动是什么？清除浮动的本质就是清除浮动元素脱离标准流造成
Favour72·2024-09-11 23:43

CSS笔记

8.201.层级具有更高堆叠顺序的元素总是在较低的堆叠顺序元素的前面。注意：如果两个定位元素重叠，没有指定z-index，最后定位在HTML代码中的元素将被显示在最前面。有三个特征：1.元素的定位与文档流无关，所以它们可以覆盖页面上的其它元素2.z-index属性指定了⼀个元素的堆叠顺序（哪个元素应该放在前面，或后面）3.⼀个元素可以有正数或负数的堆叠顺序2.透明度透明度有两种表示方法，分别是：1
陈两全·2024-09-06 11:22

CSS笔记

8.131.列表样式列表样式是指写在li标签上面的样式控制，他有三个属性和一个综合属性，分别是1.list-style-type2.list-style-position3.list-style-image4.list-style（综合属性）1.1.list-style-typelist-style-type有五个属性值，分别是1.默认值:disc（实心圆）2.circle（空心圆）3.squar
陈两全·2024-09-06 11:22

CSS笔记(二) - 页面布局 盒子模型

文章目录1元素显示模式1.1块元素1.2行内元素1.3行内块元素1.4转换1.5总结2.盒子模型2.1页面布局2.2盒子模型（BoxModel）组成2.3边框2.3.1概念2.3.2表格的细线边框2.3.3边框对盒子模型的影响2.4内边距padding2.4.1概念2.4.2内边距和盒子大小的关系2.4外边距margin2.4.1外边距典型应用-块级元素水平居中2.5外边距合并2.5.1嵌套块元素
且.为.乐·2024-02-10 19:11

CSS必看知识整理

学前端的一点css笔记，参考的是黑马程序员pink老师的教程。
24e2785df9d3·2024-02-10 04:35

【web前端】CSS笔记小结 Emmet+复合选择器+元素显示模式+背景（Day 2）

来源：黑马程序员pink老师前端入门教程目录I.Emmet语法①快速生成HTML结构语法②快速生成CSS样式语法③快速格式化代码II.复合选择器①后代选择器※②子选择器※③并集选择器※④伪类选择器❀链接❀focus⑤总结III.元素显示模式①块元素②行内元素③行内块元素④总结⑤显示模式的转换⑥snipaste的使用⑦单行文字垂直居中IV.背景总结①背景颜色bgc❀半透明②背景图片bgi③背景平铺b
进击的文文文·2024-02-06 08:39

前端html+css笔记

前端Html:html标签加粗--文本格式化标签倾斜下划线删除src用于指定图像的位置名称(属性名+属性值=属性)alt替换文本title提示文本width图片宽度链接（段落内空格+target="_blank"跳转新窗口音频loop循环播放autoplay自动播放（禁用controls显示音频面板视频muted静音播放同（7）9.列表无序列表：有序列表：定义列表：（一个标题对应多个内容10.表格
stoAir·2024-02-04 07:13

初学css笔记

部分笔记！！持续更新css时写在style标签里，style标签在head标签里，title标签下。基本结构：选择器（标签名字）{css的属性}html是卸载body里面的--------------------------------------------------------------------------------------------------------scc常见属性col
描绘已经在学了·2024-01-25 21:54

CSS笔记IV

定位作用：灵活的改变盒子在网页中的位置相对定位定位模式：position：relativeleft、right、top、bottom特点：改变位置的参照物是自己原来的位置不脱标，而且占位标签显示模式表改变绝对定位定位模式：position：absolute使用场景：(子绝父相)子级绝对定位，父级相对定位为子级设置绝对定位，为父级设置相对定位特点：脱标，不占位与相对定位恰恰相反参照物是先找最近已经定
saddhu.·2024-01-19 06:04

CSS笔记III

选择器结构伪类选择器作用：根据元素的结构关系查找元素选择器说明E:first-child查找第一个E元素E:last-child查找最后一个E元素E:nth-child(N)查找第N个E元素(第一个元素N值为1)nth-child(公式)作用是可以根据元素的结构关系查找多个元素偶数标签：2n；奇数2n+1or2n-1之类的依次类推找到第五个以后的所有标签n+5；第五个以前的所有标签是-n+5伪元素
saddhu.·2024-01-17 19:42

CSS笔记II

CSS第二天笔记复合选择器后代选择器子选择器并集选择器交集选择器伪类选择器三大特性继承性层叠性优先级优先级-叠加计算规则Emmet写法背景属性背景图平铺方式位置缩放固定复合属性显示模式转换显示模式复合选择器定义：由两个或多个基础选择器，通过不同的方式组合而成作用：更准确更加高效的选择目标元素(标签)后代选择器说明:选择某元素的后代元素抽象理解：儿子孙子都要选择格式父选择器、子选择器{CSS属性}，
saddhu.·2024-01-16 23:57

CSS笔记

css第一天笔记CSS引入方式选择器标签选择器类选择器id选择器通配符选择器盒子属性文字控制属性大小粗细倾斜行高字体族字体复合属性文本缩进文本对齐修饰线颜色调试工具CSS引入方式有三种内部样式、外部样式、行内样式内部样式表：css样式写在style标签中(选中p标签)p{color:blue}外部样式表：作为开发使用1.写在单独的css文件中(my.css)例如将p标签变成红色p{color:re
saddhu.·2024-01-15 07:34

【狂神css笔记】CSS介绍&&选择器

css是什么CascadingStyleSheet：层叠级样式表CSS：表现（美化网页）字体，颜色，边距，高度，宽度，背景图片，网页定位，网页浮动......css优势：1、内容和表现分离2、网页结构表现统一，可以实现复用3、样式十分丰富4、建议使用独立于html的css文件5、利用SEO，容易被搜索引擎收录CSS快速入门选择器{声明1;声明2;}每一个语句以分号结尾css与html分离：在htm
暮色_年华·2024-01-14 07:17

html&css

HTML&CSS笔记总结标签语义化网页最大标题只能写一个提高网页的排名写在log下面h2-h6内容标题可以随便多写从大到小的写容器可以装任何东西包裹一段文字包裹重要文字引入图片属性src图片地址alt图片描述图片未引用成功时显示在页面
Jones_aj·2024-01-11 09:31

html&css笔记完整版

把1,2合在一起了，方便查看教程指路：这里目录1.导入京东界面练习（p102-114）设置网站图标（用在标题栏和收藏栏）2.vscode使用3.html实体meta标签：语义化标签块元素和行内元素列表超链接路径：图片标签内联框架音视频表格table表单formCSS设置样式：语法：选择器：单个选择器：复合选择器：父子兄弟选择器：属性选择器伪类选择器：否定伪类：超链接伪类：伪元素选择器：权重继承单位
NoN小旻·2024-01-03 06:01

04.尚硅谷css笔记

css学习资料尚硅谷css3：https://www.bilibili.com/video/BV1XJ411X7UdMDN:https://developer.mozilla.org/zh-CN/CSS3参考手册：http://caibaojian.com/选择器游戏：http://flukeout.github.io/#HTML转义字符在HTML中有些时候，我们不能直接书写一些特殊符号比如：多个
xjt_0901·2023-12-20 13:30

学习css笔记——儿子选择器">"

这个故事发生在某天，到华南植物园周边喝完早茶回公司，上网收集有趣的文字，整理修订多年前写好的《JavaScript》教程，并创作汉语SEO要用的《CSS语言》教程，存起来以后当文化传播作品使用。一边整理《JavaScript》教程,一边在网上和女粉丝侃大山，突然间，一个说自已是从海南万宁来广州学现代汉语的女粉丝问：“陈老师，最近文化传播教程又打算教点什么新东西？”，我问：“你们都想学啥？”，女粉丝
巨汉子·2023-12-17 23:51

2019-12-05

000425527EndFragment:000448639StartSelection:000425527EndSelection:000448639SourceURL:https://www.jianshu.com/writer·Css
旧城丶恒书·2023-12-16 06:25

CSS笔记

文章目录1.图片1.1body下放图片2.文字2.1文字格式2.2Fonts字体属性2.2.1字体系列-fontfamily2.2.2字体大小-fontsize2.2.3字体粗细-font-weight2.2.4字体风格-font-style2.2.5字体复合属性3.盒子某些属性3.1圆角边框3.2盒子阴影3.3文字阴影4.table表单1.图片1.1body下放图片body下放图片body{ba
且.为.乐·2023-12-15 10:53

学习CSS笔记——清除浮动clear

这个故事发生在某天，到华南植物园周边喝完早茶回公司，上网收集有趣的文字，整理修订多年前写好的《JavaScript》教程，并创作汉语SEO要用的《CSS语言》教程，存起来以后当文化传播作品使用。一边整理《JavaScript》教程,一边在网上和女粉丝侃大山，突然间，一个说自已是从辽宁铁岭来广州学现代汉语的女粉丝问：“陈老师，最近文化传播教程又打算教点什么新东西？”，我问：“你们都想学啥？”，女粉丝
巨汉子·2023-12-04 19:42

Web之HTML笔记

Web之HTML、CSS、JSWeb标准一、HTML（超文本标记语言）HTML基本结构标签常用标签1.font标签2.p标签3.注释4.h系列标题5.img6.超链接a7.列表8.表格9.表单Web之CSS
qq742234984·2023-11-18 17:22

Web之CSS笔记

Web之HTML、CSS、JS二、CSS（CascadingStyleSheets层叠样式表）CSS与HTML的结合方式CSS选择器CSS基本属性CSS伪类DIVCSS轮廓CSS边框盒子模型CSS定位Web之HTML笔记二、CSS（CascadingStyleSheets层叠样式表）Css是种格式化网页的标准方式，用于控制设置网页的样式，并且允许CSS样式信息与网页内容(由HTML语言定义)分离的
qq742234984·2023-11-18 17:35

css笔记

1、文字超出部分显示省略号单行文本的溢出显示省略号（一定要有宽度）p{width:200rpx;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}多行文本溢出显示省略号p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hi
花与37·2023-11-15 15:20

CSS笔记

前端学习笔记专栏区别于官网中全面的知识讲解，主要记录学习技术栈时对于重点内容的提炼，便于对技术栈知识的快速回顾以及使用1.各类主要选择器常规选择器p：元素选择器.class：类选择器#id：id选择器input[type="text"]：属性选择器divp：后代选择器常用选择器父级是div元素的p元素：div>pdiv元素之后的第一个p元素（兄弟元素）：div+pp元素之后的每一个ul元素：p~u
洛千陨·2023-11-02 23:41

Html Css笔记

鼠标交点:outline：none；透明:opacity透明0-1的小数元素透明它里边所有的内容都会变成透明的黑客:在结尾加如：\0IE11至IE8的IE浏览器\9\0IE10至IE8的IE浏览器\9IE10及IE10之前的IE浏览器在开头加入：*,+IE7及IE7之前的IE浏览器支持_IE6及IE6之前的IE浏览器支持注释！！！！！！！！！！！！！！！！！！！这是IE9876其他IE条件判断语句
weixin_30885111·2023-10-31 08:42

CSS读书笔记

CSS笔记深圳，2023.10.26，Jack，常识：CSS(CascadingStyleSheets，层叠样式表），是一种用来为结构化文档（如HTML文档或XML应用）添加样式（字体、间距和颜色等）的计算机语言
湾区人工智能·2023-10-28 09:57

CSS笔记[狂神版]

1、CSS如何学习1.css是什么2.css怎么用（快速入门）3.css选择器（重点+难点）4.美化网页（文字，阴影，超链接，列表，渐变）5.盒子模型6.浮动7.定位8.网页动画（特效效果）1.1、什么是CSSCascadingStyleSheet层叠级联样式表CSS：表现（美化网页）1.2、发展史css1.0css2.0DIV（块）+CSS，HTML与CSS结构分离的思想，网页变得很简单，SEO
究极暴龙兽(Java版)·2023-10-25 14:44

狂神说-CSS笔记

文章目录1.什么是css1.1、什么是css1.2、发展史1.3、快速入门1.4、css的三种导入方式2、选择器2.1、基本选择器2.2、层次选择器2.3、结构伪类选择器2.4、属性选择器（常用）3、美化网页元素3.1、为什么要美化网页3.2、字体样式3.3、文本样式3.4、阴影3.5、超链接伪类3.6、列表3.7、背景3.8、渐变4、盒子模型4.1、什么是盒子模型4.2、边框4.3、外边距4.4
幕雨123·2023-10-25 14:42

狂神CSS笔记

文章目录1、什么是CSS1.1、什么是CSS1.2、发展史1.3、快速入门1.4、CSS的3种导入方式2、选择器2.1、基本选择器2.2、层次选择器2.3、结构伪类选择器2.4、属性选择器（常用）3、美化网页元素3.1、为什么要美化网页3.2、字体样式3.3、文本样式3.4、阴影3.5、超链接伪类3.6、列表3.7、背景3.8、渐变4、盒子模型4.1、什么是盒子模型4.2、边框4.3、内外边距4.
YANKUOP·2023-10-25 14:10

CSS笔记-狂神

1、什么是CSS如何学习CSS是什么CSS怎么用（快速入门）CSS选择器（重点+难点）美化网页（文字，阴影，超链接，列表，渐变…）盒子模型浮动定位网页动画（特效效果）1.1、什么是CSSCascadingStyleSheet层叠样式表CSS：表现（美化网页）字体，颜色，边距，高度，宽度，背景图片，网页定位，网页浮动1.2、发展史CSS1.0CSS2.0：DIV（块）+CSS，HTML与CSS结构分
阿汤哥的程序之路·2023-10-25 13:05

条件CSS笔记

条件CSS分类目前的三个@规则：@media@supports@viewportCSS的@规则CSS的@规则是（at-rule）是一条语句，它为CSS提供了执行或如何执行的指令。@规则以@开头，后面跟相应的关键词，关键词充当标识符。CSS的@规则分为常规规则和嵌套规则两大类。常规规则：语法：@关键词常见的规则：@charset'utf-8'1，应用于某些CSS属性（content）中使用非ASCI
前端小学生_f675·2023-10-24 02:12

HTML5+CSS笔记教程（CSS教程篇）

我所看的B站教程：最新最全HTML5-CSS3教程_哔哩哔哩_bilibili官方文档：CascadingStyleSheetsLevel2Revision2(CSS2.2)Specification(w3.org)全属性表：Fullpropertytable(w3.org)中文文档：CSS（层叠样式表）|MDN(mozilla.org)查询属性是否可用：CanIuse...Supporttabl
studhappy·2023-10-18 02:34

HTML+CSS基础自制笔记

常用表格属性：表格结构标签：合并单元格：合并步骤：列表标签：无序列表（重要）有序列表（理解）自定义列表（重点）表单标签：input标签：其他属性：labal标签：select标签：textarea标签：二、CSS
朱小崐·2023-10-18 02:30

前端html+css笔记（下）

斜切的导航图示*{margin:0;padding:0;}ul{list-style:none;}ul{width:430px;margin:30pxauto;overflow:hidden;}/*li容器倾斜30deg*/ulli{float:left;width:100px;height:30px;background:red;color:white;line-height:30px;text
东方寂明·2023-10-17 19:25

【前端】HTML5和CSS3学习笔记

相关视频：前端Html5+Css3+移动Web教程，前端Web入门教程，零基础前端开发视频教程课程相关代码已上传到个人Github，如有需要请自取：Github版HTML+CSS笔记和代码各章节笔记对应链接
Bryant、·2023-10-14 03:56

千峰web前端入门html+css笔记（二）

目录单一样式优先级important群组优先级层次的优先级权重优先级约分优先级css盒子模型box-sizingmargin叠加问题margin传递问题盒子模型扩展标签的分类按类型按内容按显示显示框类型display属性编辑display：none与visibility：hidden的区别嵌套标签规范overflow溢出隐藏透明度与手势透明度手势（鼠标样式）最大最小宽高CSS默认样式CSS重置样式
不_要_挂_科·2023-10-14 03:22

千峰web前端入门html+css笔记（一）

目录html和cssvscode基本使用HTML的基本结构和属性标记HTML初始代码HTML的注释html语义化标题与段落文本修饰标签图片标签与图片属性引入文件的地址路径跳转链接a->双标签base->单标签跳转锚点方法一(#+id)方法二(#+name)特殊符号无序列表有序列表定义列表嵌套列表表格标签属性表单标签input其他标签表单与表格结和div和spancss基础语法格式单位基本样式css
不_要_挂_科·2023-10-14 03:21

CSS笔记一

1CSS语法结构为：选择器{属性：值;属性：值;...}选择器：通常是你需要设置样式的HTML元素。属性：是你需要设置的样式属性，比如宽高，颜色，大小等。属性值：你需要设置的样式属性的具体值，比如宽高具体是多少px，颜色具体是什么颜色。例子：h1{color:red;}注：上述例子中h1是选择器，color是属性，red是属性值。2含义表示这是样式表,在中间放入css内容；type是它的类型属性，
想要更多·2023-10-01 07:41

CSS笔记——盒模型及外边距合并解决

CSS盒模型是用于布局和定位HTML元素的一种概念组成结构：内容区域（Content）：元素内部的内容部分，如文本、图像等。内边距区域（Padding）：内容区域与边框之间的空白区域。内边距可以使用CSS属性padding来设置，例如padding-top、padding-bottom、padding-left和padding-right。内边距的大小可以是一个固定的像素值，也可以是一个百分比或e
Bqiuer·2023-09-27 13:53

CSS笔记——基本语法及相关知识

CSS层叠样式表是用于定义HTML或XML文档的样式和布局的语言。它可以让开发者更加灵活地控制页面元素的样式和排版，从而提高页面的可读性和用户体验一、css样式书写顺序和规范CSS样式的书写顺序和规范是为了让代码更易读、易维护和易扩展。下面是一些常见的规范：建议按照以下顺序书写CSS属性：定位属性：position,top,right,bottom,left,z-index；盒模型属性：displ
Bqiuer·2023-09-27 13:49

CSS笔记——background背景样式、圆角样式和渐变色样式

一、背景样式属性（background)background-color：用来设置元素的背景颜色可取值：具体的颜色名称red十六进制颜色值，#ffffffhsl()或者hsla()rgb()或者rgba()background-image：用来设置元素的背景图片常见的图片格式：jpg/jpeg、png、.gif.webp，一种由Google开发的图像文件格式，旨在提供更小、更高质量的图像文件。可以
Bqiuer·2023-09-27 02:51

CSS笔记——Display属性元素分类（行内、块，行内块）&CSS默认样式及解决方案

1、display属性可取值：none影藏（自身及其后代，一般用block值恢复）block块元素inline行内元素inline-block行内块元素list-item(l列表元素的display值，实际效果比块元素多了列表的项目符号标注内容)网页显示影藏：display：none/block;opacity:0-1;透明度visibility:visible/hidden;区别:opacity
Bqiuer·2023-09-26 21:30

CSS笔记——BFC（块级格式化上下文）

BFC（BlockFormattingContext）（块级格式化上下文）在讲BFC之前，我们先来了解一下常见的定位方案，定位方案是控制元素的布局，有三种常见方案:普通流(normalflow)在普通流中，元素按照其在HTML中的先后位置至上而下布局，在这个过程中，行内元素水平排列，直到当行被占满然后换行，块级元素则会被渲染为完整的一个新行，除非另外指定，否则所有元素默认都是普通流定位，也可以说，
Bqiuer·2023-09-26 17:24

CSS笔记——font、line-height知识点及图片间隙、文本溢出等解决方案

一、CSS字体属性font-family（字体族）：指定字体的名称或类别。可以指定多个字体族，用逗号分隔，浏览器会按照指定的顺序依次寻找可用字体。可取值：字体名称：如"Arial"、"TimesNewRoman"等。通用字体系列：如"serif"、“sans-serif”、"monospace"等。自定义字体系列：如"myFont,Arial,sans-serif"。font-size（字号）：指
Bqiuer·2023-09-26 17:53

CSS笔记——伪类和伪元素

1、伪类伪类是用于为元素在某些特定状态下添加样式的选择器。它们可以让我们为用户与页面交互时元素的外观和行为进行样式定义。常用的伪类有::hover，鼠标悬停:active:focus，表单聚焦:blur,失去表单聚焦:link，未访问:visited，已访问:checked,被选中（用在单复选框），状态切换做开关focus-within，一个元素获得焦点，该元素的后代都获得焦点，都可触发事件案例：
Bqiuer·2023-09-26 16:51

HTML_CSS笔记

HTML1.HTML简介HTML与XML类似,都是一种标记语言;XML是可扩展标记语言,而HTML是超文本标记语言;XML主要用来当作配置文件存储数据,而HTML是用来在网页上显示数据的;第一个html页面标签用于定义文档的头部,描述了文档的属性和各种信息;包括文档的标题,样式(css),以及文件(css,js)引入路径等,标签中的内容不会展示在浏览器上让用户看到;标签中的内容是要显示在浏览器上的
dotaer_shashen·2023-09-26 13:45

CSS笔记——触发式动画Transition、主动式动画Animation、Transfrom 动画、CSS 3D 动画、阴影和滤镜样式

CSS动画一、触发式动画Transitiontransition过渡动画，一般配合伪类使用属性值：transition-duration：指定过渡效果的持续时间，以秒或毫秒为单位。transition-timing-function：指定过渡效果的时间函数，即控制过渡速度的函数。常用的值有ease、linear、ease-in、ease-out、ease-in-out等。transition-de
Bqiuer·2023-09-26 05:46

CSS笔记——Flex、Grid布局、css响应式布局

CSS布局方式一、弹性盒模型Flex阮一峰网络日志：https://www.ruanyifeng.com/blog/2015/07/flex-grammar.htmlFlex布局是CSS3引入的一种新的布局方式，用于创建灵活的、自适应的网页布局，其主要思想是将容器分为一个或多个弹性项目，并且可以通过设置弹性项目的属性来控制其在容器中的排列和分布。弹性盒子布局是一种灵活的布局模式，可以根据容器的大小
Bqiuer·2023-09-26 05:46

CSS笔记——表格元素table单元格合并和妙用（利用table-cell实现块级、多行文本元素水平垂直居中）、表单元素form

一、表格元素tableHTML中，表格由table元素来定义.还有一些用于表格的其他标签，如caption、thead、tbody、tfoot、th等。表格元素标签：table：定义一个表格。tr：定义表格中的一行。td：定义表格中的一个单元格。th：定义表格中的表头单元格。th通常用于表格的第一行或第一列，通常会加粗显示。caption：定义表格的标题，显示在表格的顶部。，默认加粗显示thead
Bqiuer·2023-09-26 05:45
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他