CSS学习笔记

css学习笔记

今天是我参加青训营的第二天1、css是什么css全称CascadingStyleSheets用来定义页面元素的样式设置位置和大小添加动画效果2、css是怎么工作的3、css使用方法a、外链b、嵌入li{margin:0;list-style:none;}c、内联helloworld4、css选择器a、元素选择器选择器（标签）{属性1:取值1;……属性n:取值n;}例子:p{font-size:1p
门卫老大爷·2022-08-26 10:52

CSS学习笔记

CSS学习笔记在学习CSS的过程中做的一些记录，用于未来的快速回忆。HTML常见元素和理解head中的元素指定字符集metaname="viewport"content="..."
weixin_34029680·2022-08-13 08:05

HTML及CSS学习笔记

推荐博客：付铭day-01HTML1、HTML基本语法html标签单标签、双标签属性属于标签1.1语法规范标签嵌套用缩进标签名不区分大小写建议小写属性名不区分大小写建议小写注释1.2常用HTML实体 空格<&；&©；版权¥；人民币2、HTML常用标签主体结构HEAD标签网站标题指定网页的元信息指定关键字指定描述指定字符集属性：charset、name、conte
weixin_30929295·2022-08-13 08:05

CSS学习笔记目录（不断更新中）

盒子模型-标准盒模型、IE盒模型CSS三大特性、层叠性继承性优先级以及权重还有CSS选择器在浏览器中的渲染顺序CSS3新增伪类有那些？实现元素垂直居中的方法文字水平居中，垂直居中的几种方式总结标签显示模式（display）块级行内行内块CSS的定位positionCSS3新特性CSS3的弹性盒子布局flexboxCSS画三角形多种方法实现div两列等高（收集整理）项目中遇到的一些兼容性问题和解决的
·2022-03-24 15:49

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

多媒体技术HTML5多媒体的特性HTML5多媒体的特性在HTML5出现之前并没有将视频和音频嵌入到页面的标准方式，多媒体内容在大多数情况下都是通过第三方插件或集成在Web浏览器的应用程序置于页面中。运用HTML5中新增的video标签和audio标签可以避免这样的问题。视频和音频编解码器视频编解码器视频编解码器定义了多媒体数据流编码和解码的算法。其中编码器主要是对数据流进行编码操作，用于存储和传输
LHBxiaobin·2022-03-24 00:08

CSS学习笔记目录（不断更新中）

盒子模型-标准盒模型、IE盒模型CSS三大特性、层叠性继承性优先级以及权重还有CSS选择器在浏览器中的渲染顺序CSS3新增伪类有那些？实现元素垂直居中的方法文字水平居中，垂直居中的几种方式总结标签显示模式（display）块级行内行内块CSS的定位positionCSS3新特性CSS3的弹性盒子布局flexboxCSS画三角形多种方法实现div两列等高（收集整理）项目中遇到的一些兼容性问题和解决的
·2022-03-22 19:58

css学习笔记

CSS简介css的主要使用场景：美化网页、布局页面。css是层叠样式表的简称，也称为CSS样式表或级联式样式表CSS主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。注意：CSS最大价值：由HTML专注去做结构呈现，样式交给CSS，即结构(HTML)与样式(CSS)相分离。cascadingstylesheet层叠样式
墨迹的博客·2022-03-22 09:59

CSS学习笔记（跟随b站pink老师）

.CSS一、CSS简介1.1、CSS语法规范使用HTML时，需要遵从一定的规范，CSS也是如此。熟练使用CSS对网页进行修饰，首先需要了解CSS样式规则。CSS规则由两个主要的部分构成：选择器以及一条或多条声明。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-rLheHe3z-1627927639567)(E:\前端\CSS\CSS1.1.png)]选择器是用于指定C
GazerCloud·2022-03-22 09:26

CSS学习笔记（狂神-完整版）

CSS学习笔记（狂神-完整版）HTML+CSS+JavaScript结构+表现+动作1、什么是CSS如何学习CSS是什么CSS怎么用（快速入门）CSS选择器（重点+难点）美化网页（文字，阴影，超链接，列表
揉、壹祗猫·2022-03-20 16:07

CSS学习笔记

CSS编码技巧尽量减少代码重复多种尺寸的按钮使用em、rem作为边距的单位，可以让按钮尺寸随着于字号进行缩放，只需要改变字号，就可以创造出等比例放大和缩小的按钮html默认按钮大按钮cssbutton{padding:0.3em0.8em;border:1pxsolid#446d88;background:#58alinear-gradient(#77a0bb,#58a);border-radiu
alfalfaw·2022-02-21 12:03

DIV+CSS学习笔记总结篇

DIV+CSS学习笔记总结篇第一部分HTML第一章职业规划和前景职业方向规划定位：web前端开发工程师web网站架构师自己创业转岗管理或其他web前端开发的前景展望：未来IT行业企业需求最多的人才结合最新的
前端学习营·2022-02-20 14:39

前端HTML与CSS学习笔记总结篇(超详细)

第一部分HTML第一章职业规划和前景职业方向规划定位：web前端开发工程师web网站架构师自己创业转岗管理或其他web前端开发的前景展望：未来IT行业企业需求最多的人才结合最新的html5抢占移动端的市场自己创业做老板随着互联网的普及web开发成为企业的宠儿和核心web职业发展目标：第一、梳理知识架构负责内容的HTML负责外观的css（层叠样式表）负责行为的jsps切图第二、分解目标（起步阶段、提
夜行独者·2022-02-20 14:36

html+css学习笔记015-H5新选择器0文字阴影

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终‘男儿本应走四方，不遇温柔不回首’有时候，在一个城市里生活久了就想要逃离想要去一个陌生的城市重新开始无关生存，也不为逃避而是觉得没有留下来的理由和牵挂吧毕竟生活中不会像电影《向左走向右走》那样电影的最后终会相遇而现实中或许永远不会相见陌生的城市，熟悉的角落日复一日日复又一日......不说我了能让你们
Mr柳上原·2022-02-20 09:22

CSS学习笔记（1）

CSS版本CSSLevel1CSSLevel2(CSS2.1规范)CSSLevel3CSS规则先用选择器选择，再在大括号里去声明样式。image.png代码风格下面是两种常见的代码风格，推荐第二种。image.png如何使用CSS有三种方法。外链：把CSS写成一个单独的文件，然后在页面中使用link标签，引入css样式。（推荐使用，浏览器可以缓存css样式，不用多次下载）嵌入：把css的样式写在s
Kata1213·2022-02-14 22:06

CSS学习笔记（四）

一、div和span标签1、div标签一般用于配合css完成网页中基本布局2、span标签一般用于配合css修改网页中的局部信息3、div和span的区别3.1、div会单独占领一行，而span不会单独占领一行3.2、div是一个容器二、元素显示模式1、块级元素和行内元素区别：1.1是否独占一行1.2行内元素不可以设置宽度、高度2、行内块级元素3、行内元素、块级元素和行内块级元素的互相转化3.1设
fight_·2022-02-12 01:00

CSS学习笔记——一些属性

CSS3transition属性描述transition-property规定设置过渡效果的CSS属性的名称。transition-duration规定完成过渡效果需要多少秒或毫秒。transition-timing-function规定速度效果的速度曲线。transition-delay定义过渡效果何时开始。规定应用过渡效果（当指定的CSS属性改变时，过渡效果将开始）。过渡效果通常在用户将鼠标指
一颗奋发向上的蛋·2022-02-05 11:06

css学习笔记

一、基础选择器标签选择器：标签名{css属性名：属性值；}类选择器：.类名{css属性名：属性值；}id选择器：#id属性值{css属性名：属性值；}通配符选择器：*{css属性名：属性值；}二、字体和文本样式字体样式Ø字体大小：font-size•数字+pxØ字体粗细：font-weight•正常：normal或400•加粗：bold或700Ø字体样式：font-style•正常：normal•
骑着蜗牛去攻城·2021-12-20 00:33

css学习笔记：定位position

cssposition定位position选值类型：static：默认状态，不开启定位relative：相对定位absolute：绝对定位fixed：sticky：粘性布局相对定：relative特点：1.开启相对定位的元素，在不设置偏移量的情况下，元素不会发生任何变化2.参照元素在文档流中的位置来定位，简单来说就是参照元素的原始位置3.相对先定位会使元素的层级提升，在其他元素之上4.相对定位不会
ioser_sk·2021-12-07 22:24

CSS学习笔记：定位属性position

目录一、定位属性简介二、各属性值的具体功能1.relative2.absolute3.fixed三、三种定位属性的效果总结参考资料：https://www.bilibili.com/video/BV18J411S7tZ?p=4一、定位属性简介position属性是用于指定一个元素的定位方法类型的属性，它的取值有：static（默认类型）、relative、absolute、fixed。当posit
CodeReaper·2021-11-04 13:00

CSS学习笔记：浮动属性

目录一、浮动流是什么二、通过代码实例了解浮动特点1.搭建测试框架2.添加浮动3.浮动元素的排布4.给行内元素添加浮动效果5.子元素浮动后对父元素的影响5.1在父元素中添加overflow:hidden属性5.2为父元素也添加浮动属性6.消除浮动6.1在结尾处加上空的div标签，添加clear:both属性6.2浮动元素父级div添加overflow:hidden属性6.3给父元素指定宽高一、浮动流
CodeReaper·2021-11-03 16:00

CSS学习笔记

CSS学习笔记1.嵌入方式1）css嵌入到html的头部的style标签内helloworld2）css嵌入到元素style属性内优点：css规则与HTML分离；可以复用#one,#two{background-color
·2021-08-17 11:52

CSS学习笔记

最近很少写样式相关的代码，然后突然去检查样式相关的BUG，发现自己回忆不起来。整理了一下学习笔记，方便自己需要的时候快速回忆。
·2021-08-12 21:05

CSS学习笔记[2]——CSS选择器

选择器类型基础选择器组合选择器属性选择器伪类选择器伪元素选择器基础选择器*；通用选择器，匹配页面任何元素#id；id选择器.class；类选择器element；标签选择器组合选择器E,F；多元素选择器，用“,”分割，同时匹配元素E或元素FEF；后代选择器，用空格分隔，匹配E元素所有的后代（不止子元素）元素FE>F;子元素选择器，用>分隔，匹配E元素的所有直接子元素E+F；直接相邻选择器，匹配E元素
一颗奋发向上的蛋·2021-06-26 14:30

html+css学习笔记012-表格

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终能者多劳有时候很不赞同这句话没转行之前干着设计、文案、策划、售后、人事、行政......老板说：他们都没什么经验，做不出来的你就做出来给他们看看，让他们知道你的能力有多强大，他们就服你了于是，我一人包揽了公司大半部分的工作或许这就是创业型公司的悲哀吧然后得到的结局是所谓‘没有经验的人’从早玩到晚遇到事
Mr柳上原·2021-06-21 09:04

CSS学习笔记（三）

最近学习了关于CSS堆叠的一些知识，现在做一下学习记录，本篇主要记录的内容如下：1、什么是堆叠顺序，2、什么是堆叠上下文。对于学习前端来说，堆叠的顺序对于界面的设计来说比较重要，看相关的文档，里面都会有很多很详细的介绍，但是要想记住这些比较复杂的顺序，也比较繁琐，当忘记了了堆叠的顺序，这里也介绍一些检验顺序的实验方法。一、堆叠顺序对一个div进行设置CSS属性，比如：div{height:100p
wxyzcctn·2021-06-19 12:52

CSS学习笔记3 CSS三大特性

CSS三大特性：盒子模型、浮动、定位。其余都是细节1.盒子模型盒子模型就是把HTML页面中的元素看作是一个矩形盒子，也就是一个容器。每个盒子都由元素的内容、内边距、边框、外边距组成。1.1盒子边框1.1.1整体边框borderborder的所有样式border属性可以单独选取设置，也可以连写且没有顺序border:solid1px#000border-style属性1.1.2盒子单独边框查看手册：
如果仲有听日·2021-06-14 22:01

CSS学习笔记1：基础、复合选择器

CSS-CascadingStyleSheets实现结构（HTML）与样式（CSS）的分离1.分类行内式（内联式）：使用频率：偶尔使用，当局部样式跟整体样式不同的时候使用内容行内式例子内部样式表用于相同页面处理相同风格的标签一般定义在head中选择器{属性1:值1;属性2:值2;}选择器2{属性1:值1;属性2:值2;}外部样式表（外链式）用于多个页面显示相同风格的标签在head中使用link标签
如果仲有听日·2021-06-14 04:04

CSS学习笔记（二）

1.标签选择器pdivh1spanemi这是标签作为选择器，使用时直接写标签名即可以“标签{}形式”。p{color:pink;}div{color:purple;}白展堂吕秀才李大嘴鸣人佐助卡卡西2.类选择器类选择器在标签后跟着class属性并且命名，使用时采用".类名{}"的形式。.mingren{/*声明类样式*/color:orange;}.zuozhu{color:blue;}鸣人佐助卡
行万_里路·2021-06-13 08:13

CSS学习笔记2 元素、行高、三大特性、背景

1.块级元素和行内元素和行内块元素HTML标签一般分为块标签和行内标签两种类型，它们也称为块元素和行内元素另外还有一个结合体：行内块元素1.1块级、行内、行内块元素1.1.1块级元素（block）特点：总是从新行开始，每个块级元素通常都会独自占据一整行或多整行可以对其设置宽度(宽度默认是容器的100%)、高度、外边距、内边距、背景色、对齐等属性可以容纳行内元素(inline-block)和其他块元
如果仲有听日·2021-06-10 22:49

CSS学习笔记（一）

1.CSS样式规则格式：选择器{属性：值；属性：值；······；属性：值；}例子：h2{font-size:30px;font-family:"微软雅黑";font-weight:normal;font-style:normal;}2.CSS字体样式属性（1）字体大小：font-size字体单位属性值如图所示（2）字体：font-family字体属性值常常有宋体、微软雅黑、黑体等。（3）字体粗细
行万_里路·2021-06-07 20:19

CSS学习笔记（三）

选择器（二）1.交集选择器交集选择器是由标签选择器和类选择器组成的，使用的格式以“标签选择器.类选择器{}”形式。.red{color:red;}p.red{font-size:30px;}div.red{font-size:15px;}熊大熊二熊熊小明小红小强2.并集选择器并集选择器是由各个选择器（包含类选择器、id选择器等）通过逗号连接而成，使用格式以“选择器，选择器，`````{}”形式。d
行万_里路·2021-06-06 09:20

CSS学习笔记 - 样式优先级

本文为我自己的学习心得与体会，如果你有不同见解，欢迎在下方评论区写下你的想法在编写Web程序时，为了使程序按照设计出的模样显示在页面上，程序员需要为页面上的HTML元素设置样式。在编写样式时，既可以把样式规则写在HTML文件中，也可以把这部分有关样式规则的代码抽取出来，然后封装到一个单独的文件中，这个文件就是CSS文件。CSS的语法很简单，它包括两部分：选择器和包含若干属性与相应属性值的集合。常见
代号工程师·2021-06-05 02:07

css学习笔记

css学习笔记相关案列展示：p{margin:0;}ul{padding:0;margin:0;}navli:hover:nth-child(1){background-image:url(素材/images
小五角·2021-06-03 15:04

CSS学习笔记（二十三）CSS 网格布局

CSS网格布局模块网格布局CSS网格布局模块（CSSGridLayoutModule）提供了带有行和列的基于网格的布局系统，它使网页设计变得更加容易，而无需使用浮动和定位。网格元素网格布局由一个父元素以及一个或多个子元素组成。实例.grid-container{display:grid;grid-template-columns:autoautoauto;background-color:#219
〔晴【天】º〕·2021-05-27 10:33

CSS学习笔记（二十二）弹性布局

CSSFlexboxCSSFlexbox布局模块在Flexbox布局模块（问世）之前，可用的布局模式有以下四种：块（Block），用于网页中的部分（节）行内（Inline），用于文本表，用于二维表数据定位，用于元素的明确位置弹性框布局模块，可以更轻松地设计灵活的响应式布局结构，而无需使用浮动或定位。Flexbox元素如需开始使用Flexbox模型，您需要首先定义Flex容器。上面的元素表示一个带有
〔晴【天】º〕·2021-05-24 21:49

边学边工作总结的前端笔记（CSS基础笔记）

「学习笔记」CSS基础前言拖延了一周的CSS学习笔记终于利用周末去补齐了，本篇文章着重梳理之前所学的CSS知识点，查漏补缺。同时，试着用git将重点案例存放到远程仓库中，更近一步贴近公司流程。
IT-博通哥·2021-05-22 21:09

CSS学习笔记（三）

CSS三大特性一、继承性1、什么是继承性给父元素设置一些属性，子元素也会受影响2、注意点2.1、并不是所有属性都有继承性,只有以color/font/text/line开头的属性才可以继承2.2、不仅仅是儿子可以继承只要是后代都可以继3、继承性中的特殊性3.1a标签的文字颜色和下划线是不能继承的3.2h标签的文字大小是不能继承的4、应用场景一般用于设置网页上的一些共性信息，例如网页的文字、字体二、
fight_·2021-05-20 16:02

CSS学习笔记（八）--轮廓

轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。CSSoutline属性规定元素轮廓的样式、颜色和宽度。颜色utline-color:#00ff00;样式p.dotted{outline-style:dotted}p.dashed{outline-style:dashed}p.solid{outline-style:solid}p.double{outli
五秋木·2021-05-14 13:37

【CSS学习笔记】

CSS简介CSS是一种标记语言，是层叠样式表的简称CSS主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式CSS语法规范选择器{属性:属性值;}属性和属性值以键值对的形式出现CSS代码风格样式一律采用小写字母，方便阅读属性值前面，冒号后面，保留一个空格选择器和大括号也保留一个空格样式格式书写1.紧凑格式:`h3{colo
王德发饿死了·2021-05-08 19:07

html+css学习笔记017-H5新背景属性0颜色0倒影0遮罩

Author：Mr.柳上原付出不亚于任何的努力愿我们所有的努力，都不会被生活辜负不忘初心，方得始终深刻的感觉到一个强大的文案就是一家公司的营销精髓比如：《卫龙》《阅后即瞎》《网易论坛》《vivo商城客服》......前端59期学员作业/*内部样式表*//*新增背景属性*/div{width:100px;height:100px;background:url(./images/img.jpg)no-
Mr柳上原·2021-05-08 10:58

2017-02-20 CSS学习笔记 pm

网页的布局方式什么是网页的布局方式网页的布局方式其实就是指浏览器是如何对网页中的元素进行排版的标准流（文档流/普通流）排版方式其实浏览器默认的排版方式就是标准流的排版方式在CSS中将元素分为三类，分别是块级元素/行内元素/行内块级元素在标准流中有两种排版方式，一种是垂直排版，一种是水平排版垂直排版，如果元素是块级元素，那么会垂直排版水平排版，如果元素是行内元素/行内块级元素，那么就会水平排版浮动流
GodlinE·2021-05-08 10:57

CSS学习笔记（十二）--高级

1.对齐对齐块元素块元素指的是占据全部可用宽度的元素，并且在其前后都会换行。块元素的例子：使用margin属性来水平对齐通过将左和右外边距设置为"auto"，来对齐块元素。.center{margin-left:auto;margin-right:auto;#或者直接使用margin:auto;width:70%;background-color:#b0e0e6;}使用position属性进行左和
五秋木·2021-05-04 06:35

css学习笔记

css必备基础知识1.css样式引入Paste_Image.png行间样式，各个样式之间用;隔开2.css选择器基于关系的选择器Paste_Image.png例子Paste_Image.png.father#children:代表第二个li.fatherli:first-child:代表第一个li#children+li:代表第三个li#children~li:同时代表第三个第四个元素.fathe
张培_·2021-04-26 02:04

CSS学习笔记（详细）

CSSCSS的三种导入方式优先级：就近原则，哪个离这个元素近就为哪个样式/*内部样式*/h1{color:#000000;}/*行内样式*/我是标题/*外部样式*//*方法一：链接法*//*方法二：导入法*/@importurl="css目录"；选择器三种基本选择器：优先级：id选择器>class选择器>标签选择器/*1.标签选择器*/h1{}/*2.类选择器*/.xxx{}/*3.id选择器id
XianChiJie·2021-04-18 22:44

CSS学习笔记：以图片作背景显示文字

hello，大家好，我是wangzirui32，今天我们来学习如何以图片作背景显示文字。开始学习吧！先来看看效果：是不是特别好看，其HTML代码如下：以图片作背景显示文字#test{/*链接my_picture.jpg图片资源*/background-image:url(my_picture.jpg);/*设置标签与网页边缘的距离*/padding:20px;/*防止图片重复显示（自己去试一下去掉
wangzirui32·2021-04-11 21:22

css学习笔记（不定期更新）

1.css规则集p{color:red}p为选择器{color:red}为声明color为属性red为属性的值2.css选择器及其优先级CSS选择符：1、id选择器：#myid{background:black}2、类选择器：.classname{}3、标签选择器：div{}4、通配选择器：*{}5、相邻选择器：h1+div{}6、子代选择器：h1>div{}7、后代选择器：h1div{}8、属性
wolfBite·2021-03-30 10:45

前端爱好者的小白学习之路 4-2 CSS学习笔记-一篇就看懂浮动 重点：清除浮动；浮动特性-脱标

写在前面本文想要做到——帮助没看过浮动的新手了解浮动帮学过浮动却印象不深刻的小白加深对浮动的印象帮助忘记了某个知识点的老手回忆起浮动相关的知识点另外——小白前端路的其他文章欢迎大噶康一康我的专栏呐持续更新中~实际开发中常用的三种布局方式有：（不包括移动端学习的新的布局方式）浮动标准流定位想要做好web开发就一定要学好这三种摆放盒子的方法~接下来我们就来总结一下浮动的相关知识什么是浮动？CSS的Fl
不喜欢敲代码的小提琴手不是好程序猿·2021-02-18 21:30

前端爱好者的小白学习之路 4-1 CSS学习笔记-盒子模型基础知识

经过前面一个阶段对HTMLCSS基础语法的学习之后我们已经可以写出来一个简单的网页了HTML基础知识总结CSS基础语法总结但这些想要做好网页布局只有那些基础知识肯定是不够的诶（学会了这些基础知识我们只能对网页中单一的一块内容进行设计或者是凌乱地对一整片网页进行布局太不系统啦！）所以我们引入了“盒子模型”这个概念，不理解盒子模型是不能清晰明了地写出来一个网页的~我们看到的网页中一个个分块显示的内容，
不喜欢敲代码的小提琴手不是好程序猿·2021-02-10 01:11

HTML/CSS学习笔记01【概念介绍、基本标签】

w3cschool菜鸟教程.CHM（腾讯微云）：https://share.weiyun.com/c1FaX6ZDHTML/CSS学习笔记01【概念介绍、基本标签、表单标签】【day01】HTML/CSS
公众号-放生改命·2021-02-06 20:24

CSS学习笔记

本文章是基于B站pink老师的视频和PPT，结合个人认为重点的部分以及自身模糊的知识点进行归纳。一、CSS（1）1.CSS简介CSS是层叠样式表(CascadingStyleSheets)的简称。有时我们也会称之为CSS样式表或级联样式表。CSS是也是一种标记语言。2.CSS基础选择器2.1选择器分类选择器分为基础选择器和复合选择器两个大类，我们这里先讲解一下基础选择器。基础选择器是由单个选择器组
我要走走看看·2021-02-03 16:45
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他