css学习

黄色斩月跟着李南江学习CSS

不知不觉已经过了差不多一个月的时间了，在这短短的一个月的时间了我已经接受了很多新的东西，感觉比我在以前总共学习的计算机知识还要多，现在就聊一下CSS学习中的一些问题和感想。
8aa2320f8ba2·2023-06-13 04:30

CSS学习系列1 - CSS中的盒子模型 box model

css中有一个盒子模型的概念.主要是用来告诉浏览器如何来计算页面元素的宽度和高度,比如该元素的宽度/高度是否包括内边距，边框，外边距.盒子模型有一个属性box-sizing属性来说明是否包括以及具体包括啥内容我们先来看一个图ContentEdge=>是元素所在的内容区域，它有一个宽度和高度PaddingEdge=>内边距BorderEdge=>边框MarginEdge=>外边距所以，在css中，我
weixin_30673715·2023-06-13 01:20

CSS基础--盒子模型（4）

盒子模型css学习三大重点：css盒子模型、浮动、定位网页布局的本质首先利用CSS设置好盒子的大小，然后摆放盒子的位置。最后把网页元素比如文字图片等等，放入盒子里面。
宇智波-林中路·2023-06-13 01:48

CSS学习笔记7-盒子模型（box model）

CSS学习笔记7——盒子模型（boxmodel）盒子模型介绍CSS盒模型可以看作是一个盒子，用来装东西的容器，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。
糯米味儿的粽子·2023-06-13 01:18

W3C CSS学习笔记

paddingpadding是指元素的内边距，元素距离盒子边框的距离。padding属性padding-toppadding-rightpadding-bottompadding-left属性的取值：length-px,pt,cm,etc.%-设置为外框宽度的%inherit-设置为跟父元素一样的值设置方法div{padding-top:50px;padding-right:30px;paddin
rgcyc·2023-06-11 08:32

HTMLCSS学习笔记（二十）-- 移动端项目准备工作

移动端项目准备工作meta标签的设置​​​​​​​​重点设置width=device-width：宽度等于当前设备的宽度initial-scale：初始的缩放比例（默认设置为1.0）minimum-scale：允许用户缩放到的最小比例（默认设置为1.0）maximum-scale：允许用户缩放到的最大比例（默认设置为1.0）user-scalable：用户是否可以手动缩放（默认设置为no，因为我们
千锋HTML5学院·2023-06-09 06:19

web前端学习第二步：css学习（第四次学习 2小时+）

已经学完css了，后面的内容就忽略了，因为综合性增强了，必须灵活学习，现在js学了几棵，还将继续，不过js的内容好多，毕竟是一门语言，结束！
咸鱼青年·2023-04-20 21:05

CSS学习

CSS学习CSS样式规则和基本选择器CSS样式规则选择器{属性:属性值;属性:属性值;}---------声明在上面的样式规则中:1.选择器用于指定CSS样式作用的HTML对象，花括号内是对该对象设置的具体样式
@1932·2023-04-20 02:07

CSS学习（3） - 轮廓文本和字体图标

文章首发于我的个人博客：欢迎大佬们来逛逛文章目录CSS轮廓CSS文本CSS字体CSS图标fontAwesome图标Bootstrap图标CSS轮廓轮廓是在元素的周围绘制一条线，用于修饰元素框。CSS拥有如下轮廓属性：outline-styleoutline-coloroutline-widthoutline-offsetoutlineoutline-style用于设置轮廓的样式：dotted-定义
HugeYLH·2023-04-20 02:56

css学习笔记-grid布局

概述1.flex布局是一维布局，grid布局是二维布局.2.flex考虑的是项目按行或列布局，grid布局需要同时考虑行和列.flex布局：grid布局：基本概念grid-template-columns可以设置容器的列数以及相应列的宽度grid-template-rows可以设置容器的行数以及相应行的高度可以按照像素设置行列的宽高，也可以按照比例来设置(fr)容器属性与flex属性相似1.jus
重学c语言！·2023-04-18 23:57

CSS学习（1） - 选择器与背景颜色

文章首发于：欢迎大佬们前来逛逛CSS的组成css由选择器和声明块组成。body和p都是选择器，其中:前面的叫做属性，后面的叫做属性值，可以根据他们来设置HTML标签的样式。body{background-color:lightblue;}p{font-family:'verdana';font-size:20px;}css选择器的种类：简单选择器（根据名称、id、类来选取元素）组合器选择器（根据它
HugeYLH·2023-04-15 14:01

CSS学习（2） - 边距与高宽 + 框模型

文章首发于：欢迎大佬们前来逛逛文章目录CSS边框边框样式边框宽度边框颜色单独设置边框边框属性简写圆角边框CSS边距外边距外边距合并CSS内边距内边距与内容宽度CSS高度与宽度CSS框模型CSS边框border属性能够设置边框的属性，包括样式，颜色和宽度。边框样式其中border-style可以设置边框的样式，具体属性如下：dotted-定义点线边框dashed-定义虚线边框solid-定义实线边框
HugeYLH·2023-04-15 14:57

HTML+CSS学习总结

本文是学习HTML+CSS，且做完网页课程设计后所做的一些知识记录总结。HTML学习总结HTML是超文本标记语言，其结构包括“头”（head）部分和“主体”（body）部分，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。其由一系列的元素组成，可以使用它来封装，包装或标记内容的不同部分，使其以某种方式显示或以某种方式执行。一般来说一条语句的组成结构为：开始标记+内容+结束标记=元素
Night落尘·2023-04-13 02:27

CSS学习方法及常用属性

image.png1.CSS的历史（CascadingStyleSheets层叠样式表）维基百科2.CSS学习资源Google:关键词MDNCSSTricksGoogle:阮一峰css张鑫旭的240多篇
浮云都想对你说·2023-04-12 19:45

CSS知识总结

css学习就是看MDN文档多用多练，下面就捡主要的一些放上。网页布局（layout）布局的传统解决方案，基于盒状模型，依赖display属性+position属性+float属性。
为谁填词曲为谁_404·2023-04-11 05:13

HTML+CSS前端开发学习笔记

HTML+CSS学习路线：1.HTML1.1基础概念web标准：基本结构标签：html骨架：标签：文档类型的声明标签————用的HTML5写在整个页面第一行lang语言：当前文档的显示语言英文网站也可以写中文中文网站也可以写英文
SixCandy·2023-04-11 01:04

CSS学习笔记之伪元素，::before和::after

在页面中元素一般由HTML代码中的标签定义的，比如、等。有时候在一些复杂的页面造型中需要用到许多视觉元素，如果全部用DOM元素来显示，会显得过于冗余和繁杂。因此，如果使用CSS中::befor和::after伪元素，可以简化DOM元素。注：伪元素是由CSS生成的，而不是DOM结构生成的。伪元素的语法是在元素后紧跟::，然后再跟伪元素关键字，如：div::after,注意后面一个冒号表示的伪类，双冒
云梦山老人·2023-04-10 03:18

HTML、CSS学习笔记7（媒体查询、BootStrap）

目录一、媒体查询1.max-min-width2.书写顺序3.媒体类型4.媒体查询——link写法5.媒体查询——隐藏二、BootStrap1.BootStrap简介2.BootStrap下载3.BootStrap使用4.BootStrap栅格系统5.BootStrap栅格系统——类6.bootstrap——全局CSS样式7.bootstrap——组件8.bootstrap——JavaScript
夏天的遥遥漓曦·2023-04-08 17:08

HTML、CSS学习笔记4（3D转换、动画）

目录一、空间转换（3D转换）1.空间位移语法：取值：（正负均可）透视：2.空间旋转3.立体呈现二、动画（animation）1.动画的使用先定义动画再调用定义好的动画动画序列2.动画常见属性2.1复合写法编辑2.2了解拆分写法2.3逐帧动画（两针之间跳格转动）&补间动画（平滑转动）编辑2.4案例：小人跑步3.案例3.1走马灯一、空间转换（3D转换）（素材：D:\前端基础\2023寒假web学习\题
夏天的遥遥漓曦·2023-04-08 17:38

HTML、CSS学习笔记5（移动端基础知识、Flex布局）

一、移动端基础知识1.PC端和移动端区别移动端：手机版网页，手机屏幕小，网页宽度多数为100%，没有版心PC端：电脑版网页，屏幕大，网页固定版心PC端和移动端不是同一个网页2.如何在电脑里面边写代码边调试移动端网页效果使用谷歌浏览器（查看源代码，使用谷歌模拟器）3.分辨率1）屏幕尺寸：指的是屏幕对角线的长度，一般使用英寸来度量2）PC分辨率：（越高越好）1920*1080（横着能显示1920个像素
夏天的遥遥漓曦·2023-04-08 17:38

CSS学习笔记

CSS一.css引入方式(1)内嵌式:CSS写在style标签中(小案例)提示:style标签可以写在页面任意位置,但是通常约定写在head标签中(2)外联式:CSS写在一个单独的.css文件中(项目中)提示:需要通过link标签在网页中引入注释:rel="styleheet"表示关系为样式表代码:(3)行内式:CSS写在标签的style属性中(配合js使用)提示:基础班不推荐使用,之后会配合js
思尘S·2023-04-08 15:22

【字节青训营】DAY1 基础CSS学习笔记

CSS基础CSS简介CSS全称：CascadingStyleSheets。主要用于用来定义页面元素的样式、设置字体和颜色、设置位置和大小、添加动画效果。在页面使用CSS方法外链（推荐采用，使得前后端功能分离、便于模块化）嵌入（通过嵌入）内联（应用于特殊场景，UI组件库中额外添加样式，一遍不推荐使用）CSS工作原理通过创建DOM树，加上解析后的CSS，可以形成渲染树选择器Selector选择器用于找
Aurora~Shining·2023-04-08 15:19

CSS Why

前面的话在CSS学习目录中，已经详细地介绍了CSS如何使用。知其然，还要知其所以然。
前端独秀·2023-04-08 15:39

CSS学习笔记

CSS选择器的优先级是怎么样的？！important>行内样式>id选择器>类选择器>标签选择器>*通配符同样的css权重，下面的会大于上面的通过css的哪些方式可以实现隐藏页面上的元素？opacity:0：通过将元素的透明度设置为0，实现看起来隐藏的效果；但是依然会占用空间并可以进行交互visibility:hidden：与透明度为0的方案非常类似，会占据空间，但不可以进行交互overflow:
@八度余温*·2023-04-08 05:52

html, css学习笔记，自用（B站黑马程序员pink老师）

附上教学视频链接黑马程序员pink老师前端入门教程该博文是自己随手记的上述视频笔记跳转到css,p61P18一行一个，一行可多个，都是盒子p26img是图片标签，是单标签。src是图片地址，alt是图片不能正常显示时的替换文本，title是将鼠标放在图片上的提示文本，width和height表示大小（二选一即可）文本或图片描述a表示超链接标签，是双标签。href是网址，target表示打开方式。h
_小辉同学_·2023-04-08 04:37

CSS学习文档（四）：圆角边框、盒子阴影、浮动、学成在线案例

一、圆角边框，盒子阴影1.圆角边框在CSS3中新增了圆角边框的样式，这样盒子就可以变成圆角。语法是border-radius:length;其中参数length表示圆角的半径，半径越大说明在角上画的⚪越大，那么圆角矩形的边框也就越⚪border-radius:20px;如何画⚪？前提如果是正方形的盒子，那么length的值是宽高的一半即可，或者直接写50%border-radius:50%;如果想
DantinZhang·2023-04-05 09:05

自用HTML+CSS学习笔记

HTML+CSS学习笔记1.Web标准Web标准也称为网页标准，由一系列的标准组成，大部分由W3C（WorldWideWebConsortium，万维网联盟）负责制定。
紫薇泠雪·2023-04-05 01:27

CSS学习笔记

CSS学习目录CSS学习资料，参考HTMLHTML简介特殊符号meta标签元素类型css引入方式选择器基础选择器元素选择器类选择器ID选择器属性选择器通配选择器选择所有元素交集选择器并集选择器关系选择器子元素选择器后代元素选择器兄弟选择器伪类选择器伪元素选择器练习样式的继承单位长度像素百分比
Sejinda·2023-04-04 00:22

css知识

一、初识CSS学习目标能够说出什么是CSS熟悉CSS的语法规范掌握CSS的三种引入方式，能够使用3种引入方式写一个红色的小方块1、什么是CSS?
szb0312·2023-04-04 00:22

前端——CSS学习总结

CSS1.css简介1.1HTML的局限性说起HTML，这其实是个非常单纯的家伙，他只关注内容的语义。比如表明这是一个大标题，表明这是一个段落，表明这儿有一个图片，表示此处有链接。很早的时候，世界上的网站虽然很多，但是他们都有一个共同的特点：丑。虽然HTML可以做简单的样式，但是带来的是无尽的臃肿和繁琐……1.2CSS-网页的美容师CSS是层叠样式表(CascadingStyleSheets)的简
捣蛋龙·2023-04-04 00:20

第二天CSS学习心得

今日知识点：1、css基础选择器优先级2、css文本相关属性3、css选择器进阶（6个）4、盒模型初识CSS学习目标能够说出什么是CSS熟悉CSS的语法规范掌握CSS的三种引入方式，能够使用3种引入方式写一个红色的小方块什么是
叮咚东·2023-04-04 00:19

CSS学习笔记9—定位

定位(position)目标理解能说出为什么要用定位能说出定位的4种分类能说出四种定位的各自特点能说出我们为什么常用子绝父相布局应用能写出淘宝轮播图布局1.CSS布局的三种机制网页布局的核心——就是用CSS来摆放盒子。CSS提供了3种机制来设置盒子的摆放位置，分别是普通流、浮动和定位，其中：普通流（标准流）浮动让盒子从普通流中浮起来——让多个盒子(div)水平排列成一行。定位将盒子定在某一个位置自
少儿编程乔老师·2023-04-02 18:46

css中怎么加入立体模型,CSS学习笔记二：css 画立体图形

继上一次学了如何去运用css画平面图形，这一次学如何去画正方体，从2D向着3D学习，虽然有点满，但总是一个过程，一点一点积累，然后记录起来。Transfrom3D在这一次中运用到了一下几种属性：rotate:rotateX()rotateY()rotateZ()；这个属性能够实现翻转效果translate:translateXtranslateY()translateZ()；这个属性是实现移动效果
翻书汪·2023-04-01 22:46

CSS使用过程中的一些技巧以及注意点(一)

本文主要是记录一些在使用CSS学习过中学到的一些小技巧和在使用过程中需要注意的点。本次记录分为两个部分，这里所记录的为第一个部分，第二部分将在后续加上。
积极向上阳光男孩·2023-04-01 19:31

信息安全实践-Lab2 CSS

PartA.CSS学习1、ProjectRequirementsThecontentshouldbedescribedinasingleHTMLfile,usingaelementtodisplaythemaintable.TheremaynotbeanyformattinginformationintheHTMLfile
sage_wang·2023-03-28 21:04

CSS学习笔记三——CSS选择器

选择器分类*.class#iddivdiv,pdivpdiv>pdiv+p[attribute][attirbute=‘123'][attribute~=‘123’][attritube|=‘123’]:link:hover:active:visited:focus:before:afterp:first-of-type(last,only，nth)其父元素的第1/最后/唯一/n个p元素的所有p元
Rocky_Wong·2023-03-28 14:32

GitHub 经典项目归集

目录1.Vue32.Vue源码解密3.简历项目4.JavaScript5.Flutter6.TypeScript7.前端必备在线工具8.管理后台9.数据结构与算法10.CSS学习专题11.Node.js12
←か淡定☆ ヾ·2023-03-28 13:52

CSS学习笔记——CSS定位

position基本属性值属性inherit规定应该从父元素继承position属性的值。static默认值。没有定位，元素出现在正常的流中（忽略top,bottom,left,right或者z-index声明）。,relative生成相对定位的元素，相对于其正常位置进行定位。因此，"left:20"会向元素的left位置添加20px。fixed生成绝对定位的元素，相对于浏览器窗口进行定位。元素的
一颗奋发向上的蛋·2023-03-26 16:54

前端学习路线V1.0

第一阶段：HTML+CSS学习周期：4周学习路线：HTML语法、CSS语法->div+css布局->html+css整站开发第二阶段Javascript基础JS基础教程、JS内置对象常用方法、常见DOM
好孩子_d6ed·2023-03-26 11:34

超细的CSS学习笔记（CSS详解）

复习CSS时记录的笔记。从最基本的CSS概念开始，复习如何使用CSS同时控制多重网页的样式和布局。同时涉及最新版本CSS3的内容，掌握新的标准化组件。文章目录一、CSS介绍1.CSS概述2.CSS语法3.CSS注释4.CSS数值与单位5.CSS样式类型二.CSS基本样式1.文字排版2.样式化列表2.样式化链接3.Web字体三、CSS样式化区块1.元素分类2.区块模型padding（内边距）bord
小丫么小牛马·2023-03-25 14:33

html和css学习课件（新版）

第一章：初识HTML本章目标：理解HTML掌握HTML标签的应用掌握超链接的应用什么是HTMLHTML是用来制作网页的标记语言HTML是HyperTextMarkupLanguage的英文缩写,即超文本标记语言HTML不是一种编程语言，而是一种标记语言[标记语言是一套标记标签(markuptag)]，描述网页的语言HTML使用标签描述网页中图片、文本、音乐、视频、超链接在HTML中，虽然有文本，但
反射狐·2023-03-25 14:58

CSS学习30：多媒体标签（视频&音频）

视频标签-video使用语法：注意，该标签不兼容ie9以下的浏览器，且在谷歌浏览器里自动播放视频，视频得默认静音(muted)常用属性：兼容写法您的浏览器暂不支持标签播放视频上面这种兼容写法，浏览器会匹配video标签中的source，如果支持就播放，如果不支持往下匹配，直到没有匹配的格式，就提示文本音频标签-audio使用语法：常用属性：兼容写法：您的浏览器暂不支持标签。
玉安_ZhangDe·2023-03-25 14:55

css学习14（多媒体查询）

目录多媒体查询语法示例代码通用媒体查询媒体功能参考列表多媒体查询CSS的媒体查询是一种CSS的技术，它可以根据不同的设备类型、屏幕尺寸、方向、分辨率等条件来应用不同的CSS样式，从而为不同的设备和屏幕提供最佳的浏览体验。这样，当用户使用不同的设备或屏幕浏览网页时，网页的样式表现可以根据不同的条件自动进行调整，以保证页面的最佳显示效果。例如，在移动设备上，可以使用媒体查询来设置更小的字体大小，更紧凑
Mr.Joden·2023-03-25 14:03

符男帮跟着李南江学习HTML5-CSS学习

有了前面HTML的学习基础，CSS学习会更易上手和理解。虽说学习量会有增加，但是也增加了制作网页的可行性。在前端开发中HTML只有一个作用，它是用来给文本添加语义的。
符男帮·2023-03-24 04:38

uniapp开发总结

CSS样式推荐使用scss学习地址：https://www.sass.hk/学习地址：http://www.ruanyifeng.com/blog/2012/06/sass.htmlhtml标签嵌套和css
Oo0零·2023-03-23 02:32

前端笔记之html＋css

学习目标：重温html＋css学习过程：w3c课程＋慕课网html＋css完成：100%什么是盒子模型？
盟丫头萌檬懵·2023-03-21 11:02

css学习总结

display每个元素都有一个显示模式（display），显示模式决定了该元素在文档流中是怎样来显示的。一共有三种显示模式：block，inline-block和inline。block模式可以设置元素的width，height，但是无论设置成多少，元素总会占据一行控件。inline-block模式也能设置元素的width,height;但是不会强制占据一行。inline模式元素不能这是元素的大小
huangman·2023-03-16 09:19

（CSS学习记录）：CSS 三大特性

写在前面：参考哔哩哔哩黑马程序员pink老师教程地址：https://www.bilibili.com/video/BV14J4114768?t=328&p=26目录CSS三大特性CSS层叠性CSS继承性CSS优先级（重点）权重计算公式权重叠加继承的权重是0三大特性总结CSS三大特性CSS层叠性概念：所谓层叠性是指多种CSS样式的叠加。是浏览器处理冲突的一个能力，如果一个属性通过两个相同选择器设置
NGC_2070·2023-03-13 22:23

CSS学习之padding属性

padding简写属性在一个声明中设置所有填充属性。该属性可以有1到4个值。实例:padding:10px5px15px20px;上填充是10px右填充是5px下填充是15px左填充是20pxpadding:10px5px15px;上填充是10px右填充和左填充是5px下填充是15pxpadding:10px5px;上填充和下填充是10px右填充和左填充是5pxpadding:10px;所有四个填
大力很宅·2023-03-12 13:14

CSS学习笔记：display：flex

注意Flex布局以后，子元素的float、clear和vertical-align属性将失效属性flex-direction（row|row-reverse|column|column-reverse）flex-wrap（nowrap|wrap|wrap-reverse）flex-flowjustify-content（flex-start|flex-end|center|space-betwee
TeddyFish·2023-03-11 07:32
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他