css学习

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学习日记

layout:posttitle:CSS学习日记subtitle:JavaWeb学习date:2017-11-12author:ZLheader-img:img/css.jpgcatalog:truetags
虫儿飞ZLEI·2022-02-18 11:29

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学习 第四天

CSS组合选择符CSS组合选择符包括各种简单选择符的组合方式。在CSS3中包含了四种组合方式:后代选择器(以空格分隔)子元素选择器(以大于号分隔）相邻兄弟选择器（以加号分隔）普通兄弟选择器（以破折号分隔）后代选择器后代选择器用于选取某元素的后代元素。以下实例选取所有元素插入到元素中:divp{background-color:yellow;}子元素选择器与后代选择器相比，子元素选择器（Childs
罗_c857·2022-02-12 01:03

泽楷和李南江一起学习HTML5—CSS学习

在经过几天的HTML基础学习之后，我们进入到了CSS样式的学习，CSS样式一开始给我最大的感觉就是：杂、乱、难。要记得东西很多，有时候编写的顺序不同，还会出现不同的情况，所以一开始进入CSS样式的学习，就觉得好难，学不下去，但又觉得不能放弃，现在CSS样式就难，那接下来的JS是不是不用学了，不能放弃，所以我就一直敲代码，尝试着把CSS样式弄懂。在弄懂差不多之后，在做飞哥布置的作业的时候，发现，自己
d001e9b450e8·2022-02-11 22:55

CSS学习记录04CSS盒子模型

文章目录CSS学习记录04CSS盒子模型4.1简介4.2border（边框）4.2.1定义和用法4.3margin（外边距）4.4padding（填充）4.5简陋登录窗CSS学习记录04CSS盒子模型4.1
Jatine·2022-02-11 18:45

CSS学习02之css导入方式

回顾什么是CSS？CSS指的是层叠样式表*(CascadingStyleSheets)CSS描述了如何在屏幕、纸张或其他媒体上显示HTML元素CSS节省了大量工作。它可以同时控制多张网页的布局外部样式表存储在CSS文件中CSS是一种描述HTML文档样式的语言。CSS描述应该如何显示HTML元素（HTML美颜）。三种使用CSS的方法有三种插入样式表的方法：外部CSS内部CSSh2{color:gre
小黑神zxs·2022-02-11 18:44

HTML+CSS学习记录02--HTML

1、文档声明告诉浏览器网页是以html5版本编写的2、meta标签3、多个空格或换行会被浏览器记成一个空格所以用空格符号4、快速生成模板5、元素的属性如：html学习6、link标签放在head里链接外部样式表a标签：放在body里，从一个网页跳到另一个网页7、语义化标签每个HTML元素都有其具体的含义：网页标题：title网页内容标题：h1~h6段落：p强调：strong头部元素：header导
小金金金金鱼·2022-02-11 18:14

CSS学习01之我的第一css程序

新的开始学习完html，我们开始踏上新的征程。没错这个新的征程就是CSS3，它和html5息息相关！接下来让我们来了解CSS3吧！什么是CSS什么是CSS？CSS指的是层叠样式表*(CascadingStyleSheets)CSS描述了如何在屏幕、纸张或其他媒体上显示HTML元素CSS节省了大量工作。它可以同时控制多张网页的布局外部样式表存储在CSS文件中CSS是一种描述HTML文档样式的语言。C
小黑神zxs·2022-02-11 18:14

文斌跟着李南江学习HTML5—CSS学习

经过一个星期的学习，让我们了解了网页的基本结构搭建，但是在网上搜索别人的网页都是五彩缤纷，各种特效，这时老师告诉我们，大家别急，等学习了后面的CSS，JS等知识，这些都是小菜。这不，刚开始学习了一天的CSS知识我们就能简单的修改文字的一些属性。例如大小、颜色以及位置。每天学习任务都安排的很满，但即使是这样，还是有很多有基础的学生认为进度缓慢，这就苦了零基础的学生了，每天敲代码到深夜，这里偷偷说下，
极客丶巅峰·2022-02-09 21:31

HTML+CSS学习记录01--VScode编辑器安装与配置

1、转为中文ctrl+shift+p找到configuredisplaylanguage，选择zh-cn，调整语言为中文2、常用快捷键打开一个新的Vscode窗口：ctrl+shift+N关闭一个Vscode窗：ctrl+shift+W新建文件：ctrl+N关闭文件：ctrl+W已打开文件之间的切换：alt+left，alt+right拆分出一个新的编辑器：ctrl+\代码行缩进：ctrl+[，c
小金金金金鱼·2022-02-09 07:18

CSS 05-01 盒子模型笔记 核心之一!!!!!! 内外边距 圆角 阴影

盒子模型（CSS重点）css学习三大重点：css盒子模型、浮动、定位主题思路：目标：理解：能说出盒子模型有那四部分组成能说出内边距的作用以及对盒子的影响能说出padding设置不同数值个数分别代表的意思能说出块级盒子居中对齐需要的
AkaCoder·2022-02-06 14:42

CSS-盒子模型-边框、外边距、内边距

第01阶段.前端基础.盒子模型盒子模型（CSS重点）css学习三大重点：css盒子模型、浮动、定位主题思路：目标：理解：能说出盒子模型有那四部分组成能说出内边距的作用以及对盒子的影响能说出padding
防火墙在线·2022-02-06 14:39

iOS开发html+css学习之相对定位

.box1{width:200px;height:200px;background-color:red;}.box2{width:200px;height:200px;background-color:yellow;/*定位：-定位指的就是将制定的元素摆放到页面的任意位置通过定位可以任意的拜访元素-通过position属性来设置元素的定位-可选值：static：默认值，元素没有开启定位relati
程序大猩猩·2022-02-05 20:18

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

PostCSS学习指南终结篇

2021年12月07日：注意这是一篇发布于2018年的老文章，因网友提到上篇文章有个链接失效的问题，故将当时写的文章迁移过来（文章之前存于上家公司的FE内部提交，离职已久，正好借机迁移，避免丢失，也算是终结这几篇PostCSS的学习笔记）。当然这么多年PostCSS发展迅猛，变化也很大，故这套教程也仅供参考），以下是原文内容：几个月前写了几篇关于PostCSS的文章，涉及到基本配置研究和插件的探索
·2021-12-07 11:52

css学习

第一个css程序项目结构：html文件Title可以编写css的代码语法：选择器{声明1;声明2;声明3;.....}link：引入css文件相当于：h1{color:red;}-->我是标题css文件：h1{color:red;}CSS的优势：内容和表现分离网页结构表现统一，可以实现复用样式十分丰富建议使用独立于html的css文件利于SEO，容易被搜索引擎收录css的三种导入方式html文件：
小破孩儿~·2021-11-30 14:00

CSS学习（三）特指度和层叠

一、特指度特制度的一般形式是0,0,0,0行内样式，第一位的特指度加一id选择符，第二位的特指度加一类选择符、属性选择符、伪类，第三位的特指度加一元素选择符、伪元素，第四位的特指度加一特指度是从左向右比较的，特指度高的声明胜出。重要声明：在声明末尾的分号之前插入!important（重要声明和非重要声明冲突时，始终胜出）二、继承继承指的是，某些样式不仅应用到所指的元素上，还应用到元素的后代上（最典
小兜兜me·2021-11-06 23:00

CSS学习（二）选择符

元素选择符：以元素名作为选择符（span{color:red;}）群组选择符：将两个选择符用逗号隔开构成群组（span,div{color:red;}）通用选择符：通用选择符（*）将匹配所有元素（*{color:red;}）类选择符：根据类名匹配元素（.类名{color:red;}）ID选择符：根据ID值匹配元素（#id{color:red;}）属性选择符简单属性选择符：根据是否有这个属性匹配元素
小兜兜me·2021-11-05 21:00

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学习起来好像是挺困难的，它似乎没有像JavaScript那样非常系统的学习大纲，大家平时也不会用到所有的CSS，基本上用来用去就是那么几个常用的属性，甚至就连很多培训机构的入门教学视频都也只会教你一些常用的
·2021-08-24 10:04

热议：CSS为什么这么难学？一定是你方法不对

看到这个问题以后，我仔细一想，CSS学习起来好像是挺困难的，它似乎没有像JavaScript那样非常系统的学习大纲，大家平时也不会用到所有的CSS，基本上用来用去就是那么几个常用的属性，甚至就连很多培训机构的入门教学视频都也只会教你一些常用的
·2021-08-24 10:23

CSS学习笔记

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

CSS学习

CSS层叠样式表在html中应用css嵌入到html的头部的style标签内css嵌入到元素style属性内css规则与html结构分离（解耦）css规则可以复用css单独写入到.css文件，通过link引入到html语法注释：/*注释内容*/语法：选择器{样式规则}.box{background-color:lightcoral;color:#fff;width:300px;margin-bot
phoebe_l_·2021-08-13 09:24

CSS学习笔记

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

CSS学习问题

1.为什么用两个div嵌套？答：1.板块分通栏2.版心2.当用两个div嵌套布局时，在CSS中两个div是否都需要设置widthheight如果设置有对布局有什么影响？？？答：1.最外面的通栏继承body的宽，不需要设置width但需要设置height2.第二个div需要设置width和width3.究竟何时使用floatabsoluterelativestaticdisplayoverflowc
小锋子_Gruad·2021-06-27 09:18

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

HTML与CSS学习小结

Headfirst系列书，照相留念，用了很多便签记录知识点Headfirst系列编程书有个特点是节奏很慢，每章包含的知识点不多就那么几个，但是比较全面，把篇幅多用在多种实际情况的演练和讲解原因上了（但不会太深入）。这样的坏处是过了很多页，感觉学了很多，但其实知识点包含得很少。这样的好处是学习的那些知识点会掌握得相对比较牢靠，因为是实际使用场景的教学，去回忆知识点时，一下子就能想起，并且还知道一点原
何玉龙·2021-06-09 16:15

CSS

CSS3现在已被大部分现代浏览器支持，而下一版的CSS4仍在开发中CSS学习资源1.Google:关键词+MD
饥人谷_RzhiPeng·2021-06-09 11:55

CSS学习入门

请使用MDN的CSS学习教程。这个教程从易到难系统的讲解了CSS，注意学习其内在的逻辑关系和思想。
vimtest·2021-06-08 12:05

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学习之旅(一)

今天开始学习CSS的进程。一、认识CSS样式CSS全称为“层叠样式表(CascadingStyleSheets)”，它主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。二、css语法格式css语法格式由上图可以看出，css由选择符和声明构成，声明又由属性和值组成，选择符：又称选择器，指明网页中要应用样式规则的元素，如本例中是网页中所有的段（p）的文字将变成蓝色，而其他的
sophies·2021-06-07 11:00

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