HTML&CSS学习

css 入门+布局与定位

CSS学习资源全称：CascadingStyleSheetsGoogle:关键词MDNCSSTricksCodrops布局与定位高度与文档流div高度由其内部文档流元素的高度总和决定文档流：文档内元素的流动方向文档流核心内容
bananabacteria·2023-03-11 03:16

CSS学习第二天--盒子模型

之前我们学习了用table来添加样式制作内容，这样内容是相对固定的，不好修改，所以我们引入了盒子模型，盒子模型实现了网页内容都是有一个一个的盒子组成，我们对盒子设置样式即可。名称作用margin外边距border边框padding内边距content内容图例样式说明：image.png接下来，我们一一对应练习一下：盒子模型,paddingmargin属性.box{width:200px;heigh
胆小的米老鼠·2023-03-09 12:13

Sass/Scss学习笔记

Sassversion1.24.0安装使用安装Sassnpminstall-gsass编译单个文件sass./scss/001.scss./css/001.css如果需要自动检测文件变化sass--watch./scss/001.scss./css/001.css或者自动检测整个文件夹的变化sass--watch./scss:./cssSass还是ScssSass使用缩进语法Scss使用花括号和分
DorangeWang·2023-02-19 06:24

19-盒子模型

css学习三大重点：css盒子模型、浮动、定位一、网页布局的本质网页有许多大大小小的盒子组成，网页布局就是布局这些盒子首先利用CSS设置好盒子的大小，然后摆放盒子的位置。
zhouhao_180·2023-02-18 14:45

【Web前端】3.0 CSS（下）——盒子模型

css学习三大重点：css盒子模型、浮动、定位div是典型的盒子类型，但是盒子模型包括很多，这里只是作为demo使用div来示范，并不是盒子模型等同于div，两者关系并不大。
bobokaka·2023-02-17 16:12

CSS 知识总结

CSS特性浏览器支持查询网站：CanIuse...SupporttablesforHTML5,CSS3,etcCSS学习方法：1.CSS是一门艺术，学好需要想象
scotton·2023-02-07 11:44

html+css学习笔记

htmltable案例一优秀学生信息表格优秀学生信息表格年级姓名学号班级高三张三110三年二班赵四120三年三班评语你们都很优秀效果图form会员注册表单青春不常在，抓紧谈恋爱昵称：性别：男女生日：城市：上海北京广州武汉婚姻状况：未婚已婚保密兴趣爱好：抽烟喝酒烫头个人介绍：我承诺年满18，单身抱着严肃的态度真诚寻找另一半我同意所有条款展示css3-1Css初识和css基本选择器css层叠样式表给h
channel_海峡·2023-02-07 10:52

CSS学习（190806）

CSS样式表1.CSS概念CSS是CascadingStyleSheet的缩写，中文为层叠样式表，用于将样式信息和网页内容分离的语言；CSS样式由若干条样式规则组成，每一条样式规则都由三部分组成：选择符（selector），属性（properties）和属性的取值（value）例如：seletor{property:value}!!!选择符区分大小写，多个属性在一起时用；隔开2.颜色的不同写法和单
超爱吃柠檬·2023-02-04 15:03

css学习2：定位、轮播图、元素显示与隐藏

css学习2：定位、轮播图、元素显示与隐藏文章目录一、CSS定位1.定位2.综合案例（淘宝轮播图）3.网页布局总结4.元素的显示与隐藏b站学习地址：https://www.bilibili.com/video
Vivian小姐·2023-02-02 14:11

CSS基础知识

CSS的推荐工具LESSCSS一种简化、功能更多的CSS语言SASS一种简化、功能更多的CSS语言（请自行搜索中英文官网）PostCSS一种CSS处理程序CSS学习资源Google:关键词MDNCSSTricksGoogle
邹沁龙·2023-02-01 19:45

css学习笔记 — css基本语法

如果说HTML给一个网页赋予了骨架，那么CSS便可以赋予其灵魂。此篇分为两部分-css的语法-css的引用一、CSS的语法1.1基本用法对HTML中的某一种标签进行描述div{margin:0;padding:0;}/*所有的都会被加上该样式，但值得一提的是，若在本次声明后再次对某一指定进行了声明，则会覆盖or追加新的效果*/对HTML中，包含指定class的标签进行描述.text_a{font-
时光你慢慢走·2023-02-01 07:21

CoolboyZhou跟着李南江学习html5—CSS学习

css学习感想在前面学习html的时候江哥一直在强调html是在给数据添加语义，而不是改变样式。
CoolboyZhou·2023-01-31 05:16

css学习笔记

CSS并不难，选择器，和属性值，先记住常用的，再慢慢熟悉全部。此文档用于记录学习CSS过程中，自己掌握的知识，方便复习。选择器选择器示例示例说明CSS.class.intro选择所有class=”intro”的元素1#id#firstname选择所有id=”firstname”的元素1**选择所有元素2elementp选择所有元素1element,elementdiv,p选择所有元素和元素1ele
轩轩很有趣·2023-01-30 16:58

HTML&CSS 学习总结

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、HTML学习总结二、CSS学习总结1.何为CSS2.CSS语法3.CSS选择器4.示例背景盒子模型定位总结一、HTML学习总结以下是一个完整的
斯蒂芬蛋黄·2023-01-29 03:15

CSS学习

1.CSS简介层叠样式表(CascadingStyleSheets，缩写为CSS），是一种样式表语言，用来描述HTML或XML（包括如SVG、XHTML之类的XML分支语言）文档的呈现。CSS描述了在屏幕、纸质、音频等其它媒体上的元素应该如何被渲染的问题。2.为何使用CSS？CSS最重要的目标是将文件的内容与它的显示分隔开来。在CSS出现前，几乎所有的HTML文件内都包含文件显示的信息，比如字体的
yemansleep·2023-01-26 07:59

CSS学习笔记

3、美化网页3.1、为什么要美化网页1、有效的传递信息页面信息2、美化网页、页面漂亮、吸引用户3、凸显页面主题4、提供用户体验span标签：重点要突出的字3.2、字体样式3.3、文本样式p.ex1{font:15pxarial,sans-serif;}p.ex2{font:italicbold12px/30pxGeorgia,serif;}水平对齐参照物1.颜色color2.文本对齐方式text-
struggling子聿·2023-01-03 10:00

HTML+css学习 学习笔记，由浅入深

猿猿的前端之路就此开始，下面小白白们跟着猿猿一起学习前端基础h5+css叭！以下是猿猿的学习笔记，内容包含h5+css菜鸟教程几乎所有知识和pink老师知识，外加个人理解简化HTML5知识点总结截图工具Snipaste，是一款强大的贴图软件，猿猿们可以自行下载哦alt取色，shift切换取色模式文章目录HTML5知识点总结一、网页（网站、网页）**什么是HTML:**是一种用来描述网页的一种语言二
热爱代码的猿猿·2022-12-30 14:54

CSS学习笔记1

前端学习之页面设计的外衣——CSS学习记录。
computerismylife·2022-12-27 22:08

scss学习笔记

sass学习笔记一、声明变量变量的基本用法局部变量和全局变量二、嵌套选择器嵌套属性嵌套伪类嵌套注意事项三、混合宏声明混合宏不带参数的混合宏带参数的混合宏调用混合宏混合宏的参数传一个不带默认值的参数传一个带默认值的参数传递多个参数混合宏的不足四、拓展/继承五、占位符六、混合宏VS继承VS占位符七、函数@function八、插值#{}九、数据类型字符串值列表十、Sass运算加法减法乘法除法变量计算数字
海森堡_lichangan·2022-12-24 19:08

SCSS学习笔记

文章目录1.安装scss2.选择器嵌套3.属性嵌套4.父选择器&5.变量5.1变量的规范5.2变量的作用域5.3给变量设置默认值(!default)6数据类型7.运算符8.插值语法9.流程控制语句9.1条件语句9.2循环语句[email protected]@each9.2.3@[email protected]引入scss不编译10.2嵌套引入scss11.mixin11.1语法11.2mixin中
小帅学编程·2022-12-22 16:30

让我们来聊聊前端的工程化

前端发展浅谈让我们回忆一下前端系列的文章:Vue学习笔记(一)初遇Node.js教程(一)基本概念与基本使用Vue学习笔记(二)相识篇Vue学习笔记(三)甚欢篇JavaScript学习笔记(一)promise和async/waitCSS
·2022-12-14 14:33

CSS学习笔记

层叠样式表(CascadingStyleSheets)常用的属性。CSS的重点和难点在：元素的位置。语法选择器，以及一条或多条声明。每条声明由一个属性和一个值组成。组合选择符后代选择器(以空格分隔)子元素选择器(以大于>号分隔）相邻兄弟选择器（以加号+分隔）普通兄弟选择器（以波浪号～分隔）上、右、下、左上、左右、下上下、右左伪类伪类选择元素基于的是当前元素处于的状态，或者说元素当前所具有的特性，而
Louie_0·2022-12-11 19:10

奇舞周刊第 376 期：2020 年度 CSS 现状调查

下面先一起看下本期周刊摘要吧~奇舞推荐■■■2020年度CSS现状调查本次调查一共统计了10k+的人，按照惯例先给出了用户画像，然后主要从新特性、单位和选择器、CSS技术、CSS工具库、CSS使用环境和CSS
奇舞周刊·2022-12-11 19:54

动态圣诞树html,get神技能：用CSS控制div便可画出超美圣诞树

html与css学习过程中会遇到各种各样的问题，当然也有很多有趣的实战应用，今天大鹏与大家分享如何用css来控制div画三角形，进一步画出圣诞树。
Eunique One·2022-12-07 15:01

【JavaWeb】CSS学习完整篇

推荐学习专栏：JavaWeb学习专栏文章目录1、CSS简介（1）HTML的局限性（2）CSS美化网页（3）CSS语法规范（4）CSS代码风格2、CSS基础选择器（1）CSS选择器的作用（2）选择器分类（3）标签选择器（4）类选择器（5）id选择器（6）通配符选择器3、CSS字体属性（1）字体系列（2）字体大小（3）字体粗细（4）文字样式（5）字体复合属性4、CSS文本属性（1）文本颜色（2）对齐文
亮点菌·2022-12-05 07:12

CSS学习笔记(一) 盒子模型

本来按照正常的学习顺序,应该是HTML、CSS、JavaScript，再到Vue。但是到我这里顺序就反过来了一样，先Vue、再JavaScript，然后CSS。原因在于我之前就学习过这些，虽然当初学的不扎实，但是勉强能用，需要用到什么，然后忘记了就重新再学习一下，这看起来像是逆生长一样，但后面会将这个系列的文章补齐。前言在上海地铁是大多数人的通勤方式，有的时候地铁人多，就会很拥挤，那拥挤表达的意思
·2022-11-30 06:54

CSS学习笔记（三）

her~~llo，我是你们的好朋友Lyle，是名梦想成为计算机大佬的男人！博客是为了记录自我的学习历程，加强记忆方便复习，如有不足之处还望多多包涵！非常欢迎大家的批评指正。目录一、CSS的三大特性1.1层叠性1.2继承性行高的继承性1.3优先级二、CSS的注释三、盒子模型3.1盒子模型（BoxModel）组成3.1.1边框（border）3.1.2内边距（padding）3.1.2外边距（marg
程序员Lyle·2022-11-29 18:03

11.26 CSS学习笔记

CSS，全称“CascadingStyleSheets”，用于设置HTML标签的样式，美化我们的网页。(1)“内嵌样式”：写在style标签对里面(2)“行内样式”：直接写在标签行上面。(3)“外链样式”：单独写一个css文件，通过link标签引入。(4)“导入式”：单独写一个css文件，通过@import导入。注意：导入式可以同时导入多个样式,但导入每个文件时要如同写内嵌样式时，在每个属性值的末
HUIER *·2022-11-27 22:52

CSS学习笔记[1]——CSS简介及使用

CSS(CascadingStyleSheet)，层叠样式表写法@开头。例：@charset"utf-8"选择器{属性：值;}页面引入CSS内联样式内部样式//type="text/css"最好省略h1{color:red;font-size:20px;}外部样式@importurl("index.css");@import"index.css";浏览器默认样式文件路径相对路径css/a.css.
一颗奋发向上的蛋·2022-11-11 20:41

CSS学习273~297(HTML5和CSS新特性)

HTML5的新特性HTML5的新增特性主要是针对于以前的不足,增加了一些新的标签、新的表单和新的表单属性等。这些新特性都有兼容性问题,基本是IE9+以上版本的浏览器才支持,如果不考虑兼容性问题,可以大量使用这些新特性。1.1HTML5新增的语义化标签以前布局，我们基本用div来做。div对于搜索引擎来说，是没有语义的。:头部标签:导航标签:内容标签:定义文档某个区域:侧边栏标签:尾部标签注意：这种
是风呀呀·2022-11-09 11:05

css学习笔记

课程目标:学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握CSS三种显示模式熟练掌握CSS背景属性熟练掌握CSS三大特性熟练掌握CSS盒子模型熟练掌握CSS浮动10.熟练掌握CSS定位11.熟练掌握CSS高级技巧强化CSStypora-copy-images-to:mediaCSS的发展历程从HTML被发明开始，样式就以各种形式存在。不同的浏览器
佛西程序媛·2022-09-21 17:11

CSS学习文档（一）：语法规范，选择器，字体属性，文本属性，引入方式

今天开启CSS篇章！冲！！！、属性手册：http://css.doyoe.com/序言：CSS语法规范选择器{属性名:属性值;属性名:属性值;}。1.选择器后面带空格，属性名的冒号后面也带空格，这样比较舒服2.每个属性和属性值最好独占一行，属性值结尾别忘了分号;体验CSS的语法规范/*语法规范选择器{属性名：属性值;属性名：属性值;}*/p{color:red;font:size20px;/*这里
ForMyself.·2022-09-08 17:09

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

PostCSS自学笔记（二）【插件篇】

PostCSS常用插件介绍继上一次PostCSS学习指南（一）后，渐渐开始在项目中应用。这次决定主要讲解一些个人认为非常有帮助的PostCSS插件。
weixin_34417200·2022-08-15 00:19

深入postcss学习（一）

关注postcss已久，要按第一次知道，是几年前的事了，但从未对其深入研究过，一直是“有你没你都挺好”的状态，但其实这样并不好，就好比，你懂js，那你学jq、angular、react这些都没用么，显然不是，总有它的长处，不能因为自己的懒学和懒用，就认为其“无用”。postcss是什么？它是个“工具箱”，箱子里可以放入多种不同功能的工具，而这些工具可以帮助开发者提升效率、降低成本，就这样。它能做什
weixin_34055787·2022-08-15 00:49

postCss

自动的厂商前缀未来的CSS语法变量自定义选择器嵌套postcss-applypostcss-color-function[扩展]postcss-importstylelintPostCss什么是PostCss
tscn1·2022-08-15 00:46

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

2022.02.24_HTML+CSS学习总结_盒子模型、浮动与定位

一、盒子模型1.盒子模型(1)、盒子模型其实，CSS就三个大模块：盒子模型、浮动、定位，其余的都是细节。要求这三部分，无论如何也要学的非常精通。所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距（padding）、边框（border）和外边距（margin）组成。这里略过老旧的ie盒子模型（IE6以下），对不起，我都没见过IE5的浏
Mouss_e·2022-07-16 10:59

【了解css】

css学习以及方便查阅一、css简介html提供了布料，接着就该裁剪上色了。
长安归故里♬·2022-07-04 10:34

关于前端开发那些事

基础部分一、HTML+CSS学习可以模仿一些网站做些页面。在实践中积累了一些经验后，可以系统的读一两本书，推荐《HeadFirstHTML与CSS中文版》，这本书讲的太细了，我没能拿出耐心细读。
Carefree1990·2022-06-20 14:40

CSS学习

文章目录一、CSS介绍二、新建CSS三、CSS语法1.基础样式2.选择器3.id选择器4.class选择器四、CSS如何生效1.外部样式表2.内部样式表3.内联样式4.级联的优先级五、颜色,尺寸,对齐1.颜色2.尺寸3.对齐六、盒子模型七、边框与边距1.边框2.边距八、定位1.static2.relative3.fixed4.absolute九、溢出十、浮动十一、不透明度十二、伪类和伪元素十三、组
asdaaaazzzxxc·2022-05-31 13:36

web学习---CSS学习---笔记(一)

CSS简介CSS主要是美化网页、布局页面的CSS是层叠样式（CascadingStyleSheets）的简称CSS也是一种标记语言CSS主要由两部分组成：选择器（选对人）以及一条或多条声明（做对事）选择器是用于指定CSS样式的HTML标签，也就是你想对哪个标签做美化选择器就是根据不同的需求把不同的标签选出来，这就是选择器的作用花括号内是对该对象设置的具体样式属性是对指定的对象设置的样式属性，比如：
AsiaSun.·2022-04-21 14:02

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