CSS总结

css要点总结

css总结1.box-sizing：content-box|border-box/**content-box:设置的宽度，高度为content的*border-box:设置的宽度，高度为content+
微信：wkzj-book001·2024-02-03 10:54

看到这份涵盖Vue3.0的题库干货，我歇了口气

上周谈到「前端面试CSS总结篇」，今天带来程序员前端面试中同样不可忽视的「Vue」篇。
桃桃555·2024-01-05 20:26

CSS总结

CSS(CascadingStyleSheets)层叠样式表,是一种用来表现HTML或XML等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化，能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。CSS的导入方式优先级：就近原则行内样式在标签元素中编写一个style属性，编写样式即可。不
魔法恐龙: )·2024-01-01 22:01

CSS总结div中的内容垂直居中的五种方法

文章目录一、行高（line-height）法二、内边距（padding）法三、模拟表格法四、CSS3的transform来实现五：css3的box方法实现水平垂直居中六：flex布局（2018/04/17补充）一、行高（line-height）法如果要垂直居中的只有一行或几个文字，那它的制作最为简单，只要让文字的行高和容器的高度相同即可，比如：p{height:30px;line-height:3
shine001·2023-12-29 09:12

CSS总结

CSS选择器基础选择器标签div{}类名.one{}id#two{}通用*{}组合div,p{}后代ulli{}*交叉div.one{}伪类选择器:hover:focus，伪元素选择器::before::after::first-letter::first-line属性选择器[attrname]—拥有属性例：[data-name]{}[attrname=value]—属性等于值例：[data-na
皮卡丘-杰尼龟·2023-12-06 05:38

华清远见HTML+css总结

目录1.html的内容1.html的标签和属性标签：html文档中，由等等这些就称作为html文档中的标签标签也通常被称为元素！比如head元素body元素都是可以的属性：属性就是标签中所额外向浏览器提供的额外的数据！相关的信息！标签是具备语义化的，通过标签名可以大致的了解道该标签在作用或者相对应的语义!但是两个相同的标签之间，可能所携带的属性信息是不同的！通过标签的属性值的变化，向外部展示的信息
solxxi·2023-12-03 13:40

常用html/css总结

常用标签使用标签的目的，不是为了程序员，为了浏览器排名。使用正确的标签做正确的事情1、可输入框，type限制类型text文本number数值类型password密码radio单选框（单选框如果想要成为真正的单选框，需要加一个相同的name值）checkbox多选框按钮：submit提交reset清空常用属性：autofocus(自动聚焦)checked默认选框选中selected下拉选框默认选中2
nziasism·2023-11-15 15:52

css总结

记录做项目经常会写到的css1、左边导航栏固定，右边div占满剩余宽度.entrance{display:flex;height:100%;}.left{width:300px;//左边固定宽度height:100%;background:gray;}.right{height:100%;width:100%;padding:26px;box-sizing:border-box;//不设为bord
L221545·2023-10-25 18:33

学习尚硅谷HTML+CSS总结

今天暂时还没开始学习JavaScript，还是对前面学习的HTML和CSS进行拓展，主要查阅了面试题目，有些题目问到的几率很高，也要背了下来，像margin塌陷问题，BFC是什么等等，还有练习浮动和伸缩盒模型。明天正式开始学习JavaScript的内容。
heliang399·2023-10-10 07:43

学习尚硅谷HTML+CSS总结

今天学习了开发网页用的比较多的过渡，有了过渡之后网页会变得生动很多，transition可调的属性也很多，基本上可以实现大部分的过渡效果，它有个很厉害的地方就是可以定制贝塞尔曲线类型，相当于可以吧过渡的速度和距离做到了自定义。课程的最后还做了个类似旅游网站的图片过渡特效，刚开始对过渡这个属性用得还不太熟悉，看一遍教程之后自己便可以做出来了。
heliang399·2023-10-10 07:13

学习尚硅谷HTML+CSS总结

今天学了动画、多列布局和弹性盒子，动画和昨天学习的过渡是有很大区别的，但它们也有很多的共同的属性，最重要的还是弹性盒子，这个东西之前是没有的，09年的时候推出的，但很多cp端开发者已经习惯用传统盒子了，以至于cp端大多数都还在用传统盒子，因为弹性盒子的属性，更多应用场景是在移动端。明天将学习今天学了动画、多列布局和弹性盒子，动画和昨天学习的过渡是有很大区别的，但它们也有很多的共同的属性，最重要的还
heliang399·2023-10-10 07:13

学习尚硅谷HTML+CSS总结

今天学习完了尚硅谷的HTML+CSS的内容，总体来说还是很不错的，最后学的弹性盒子还没有实际用在项目上面，对它的应用还是比较陌生的，整个课程的笔记也整理好了，后面还要多回头去复习的，明天将开始学习前端JavaScript，这相对于前端来说是最重要的内容，要把JavaScript学好了才能把前端做好来，安排的课程也是和之前学习Python是同一个机构的（黑马程序员），学习核心要掌握的内容有ES6的语
heliang399·2023-10-10 07:43

学习尚硅谷HTML+CSS总结

今天总结出了之前学习过的元素笔记，虽然比较多但常用的这些都要是想办法记下来，后面基本上都要用上的，还学习了盒子模型的常见问题，例如：margin塌陷问题，margin合并问题等等该如何处理的方案，老师说到这些后期网页的时候会经常遇到的，要熟悉它们的解决方案，明天将继续按课程的学习。
heliang399·2023-09-20 17:32

学习尚硅谷HTML+CSS总结

今天主要回顾了之前学习过的标签和SCC样式的内容，复习巩固，从新做了一分巩固的笔记，这个笔记后期一看的话一目了然，需要什么就可以通过这个笔记去查找详细的内容笔记。还有学习深入学习了盒模型的作用，和通过它来对网页进行查看调整的内容，设计的属性还是比较多的，需要多些敲才能熟悉。
heliang399·2023-09-20 17:02

学习尚硅谷前端HTML+CSS总结

今天学习了HTML的基本结构写法，VSCode虽然有提示但还是要同通过自己敲多几次熟悉才行，HTML的标准语法还可以主要通过三个W3C、W3Cshool、MDN网站来学习，块级元素与行级元素的区别用规则，还有语义化的概念原则。明天将继续继续学习HTML语法，预计还需14天左右完成。
heliang399·2023-09-20 17:01

学习尚硅谷HTML+CSS总结

今天主要学习了颜色像素的四种表达方式，在没学习之前也只会一种RGB颜色的表达方式，虽然其他三种使用的比较少，但有些网页会用其他的表达方式写的我们学过之后就会看得懂，还有文本的设置，字体等等，这些都是后面创建自己的网站需要用到的东西，学习这些内容还是比较好接受的，就是内容有些多，像标签属性这些要反复回去复习才能想起来。
heliang399·2023-09-20 17:01

学习尚硅谷HTML+CSS总结

今天主要学习了盒子还有出现的问题处理，今天的内容算比较难理解的了，文本属性这方面也是知道，但没有实际应用起来的话还是会不知道它的用处在什么地方，这样会对知识点模糊。现在也已经学习到了过半的课程了，现在对HTML和CSS也有了一个比较深入的学习，都是在为最后做网页准备。
heliang399·2023-09-20 17:01

学习尚硅谷HTML+CSS总结

今天主要学习了浮动之后产生的各种问题处理，因为浮动是当前主流的布局方式，所以要学习使用它之后出现的问题应该用最佳方案处理，今天开会也意识到了一个问题，就是前所学习的C、Python还有SQL数据库的内容很多都想不起了，这是很大的一个错误思维，就是认为学过的知识就会一直在脑子里，其实不是的，学习是一个不断巩固的过程，需要多次反复的回去查阅笔记才能记牢，需要用的时候能想得起需要的知识部分在哪里才是关键
heliang399·2023-09-20 17:29

CSS总结第七天

day09-前端基础CSS第七天学习目标：能够使用精灵图能够使用字体图标能够写出CSS三角能够写出常见的CSS用户界面样式能够说出常见的布局技巧1.精灵图（重点）1.1为什么需要精灵图一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接收和发送请求图片，造成服务器请求压力过大，这将大大降低页面的加载速度。为什么使用精灵图（目的）：为了有效地减少服务器接收和发送请求
峻峰耸立·2023-09-15 07:36

CSS总结第六天

day08-前端基础CSS第六天今日目标能够说出为什么要用定位能够说出定位的4种分类能够说出4种定位各自的特点能够说出为什么常用子绝父相布局能够写出淘宝轮播图布局能够说出显示隐藏的3种方式以及区别1.定位(position)介绍1.1为什么使用定位我们先来看一个效果，同时思考一下用标准流或浮动能否实现类似的效果？场景1：某个元素可以自由的在一个盒子内移动位置，并且压住其他盒子.场景2：当我们滚动窗
峻峰耸立·2023-09-15 07:06

CSS总结第八天 HTML5 + CSS3提高

目标能够说出3~5个HTML5新增布局和表单标签能够说出CSS3的新增特性有哪些HTML5新特性概述HTML5的新增特性主要是针对于以前的不足，增加了一些新的标签、新的表单和新的表单属性等。这些新特性都有兼容性问题，基本是IE9+以上版本的浏览器才支持，如果不考虑兼容性问题，可以大量使用这些新特性。语义化标签（★★）以前布局，我们基本用div来做。div对于搜索引擎来说，是没有语义的发展到了HTM
峻峰耸立·2023-09-15 07:35

css总结

CSS的三种样式说明1、外部样式，通过从html的head中加入link标签外链到css文件格式：2、内部样式，通过从html的head中加入style标签，写入css代码格式：body{background-color:red}3、内联样式，通过需要修改样式的html标签中加入style属性，写入css代码格式：ThisisaparagraphCSS选择器1、标签选择器格式：标签名{displa
Lins7·2023-09-01 23:50

html和css总结

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

前端基础HTML和css总结

HTML【HyperTextMarkupLanguage】超文本标记语言，不是编程语言软件架构：1.C/S:Client/Server客户端/服务器端*在用户本地有一个客户端程序，在远程有一个服务器端程序*如：QQ，迅雷…*优点：\1.*用户体验好**缺点：\1.开发、安装，部署，维护麻烦2.B/S:Browser/Server浏览器/服务器端*只需要一个浏览器，用户通过不同的网址(URL)，客户
m0_45442261·2023-08-11 07:19

Panda 编译时原子化 CSS-in-JS 框架的跨平台方案

Panda编译时原子化CSS-in-JS框架的跨平台方案Panda编译时原子化CSS-in-JS框架的跨平台方案对编译时原子化CSS框架的思考编译时CSS-in-JS方案对比LinariaPandacss
ice breaker·2023-08-01 03:50

CSS总结——瀑布流布局

瀑布流布局瀑布流布局是一种新型的布局方式，可以将大小不一的图片完整的显示在页面上，并且在杂乱的布局中保持着一定的美感，今天学习了一下如何使用瀑布流布局，总结了有以下三种方式。（瀑布流还可以使用grid布局实现，还没有学习过这种方式）瀑布流的实现方法可以用纯CSS，也可以用JS实现，如何选取决于需求,这几种方法各有优略，如何选取取决于需求。以下案例均采用如下的html代码1.CSS布局使用colum
黑白程序员·2023-07-27 03:56

html、css总结

Html的加载顺序：1.解析HTML结构2.加载外部脚本和样式表文件3.解析并执行脚本代码4.构造HTML，DOM模型5.加载图片等外部文件6.加载完成HTML→head→tittle→text（网页标题）→style→加载样式→解析样式→link→加载外部样式表文件→解析外部样式表文件→script→加载外部脚本文件→执行外部脚本→body→div→script→加载脚本→解析脚本→执行脚本→i
梁俊豪2021强化班·2023-07-25 11:42

CSS总结

p上下有间距，title加粗，div和span无样式div：换行，块元素eg：h1,pspan：不换行，内联元素eg：b,font,img,input,textarea,a查看网页前端代码：F12elements左上箭头查看某块代码引入css：（1）在里面（2）（3）直接写在标签里面选择器：（1）标签div（2）类名.one（3）id#slider（4）属性选择器input[type='text'
Claire_cc·2023-07-19 07:59

CSS总结

目录1.CSS概述2.CSS语法3.CSS三种写法行内样式内部样式外部引入4.CSS选择器选择器语法通用选择器标签选择器/元素选择器类选择器ID选择器1.CSS概述1.CSS是(CascadingStyleSheets)层叠样式表2.网页设计者使用CSS可以定义元素的样式，直白的讲就是让网页更好看2.CSS语法单个样式写法：内容我是行标签多个样式写法：源代码教育我是行标签3.CSS三种写法行内样式
HLPTHQL·2023-06-08 08:02

html5+Css总结(附带案例)

HtmL5和CSS一些常见总结前端(通常指的是用户能够看到)网页通常是由三部分组成：1.html:也是前端网页基本框架结构，类似于骨架一样的作用2.CSS:也叫层叠样式表，就是为美化界面而存在3.Javascript:使页面具有动态的效果(包括与用户的一个交互)一&二.HtmlHTML（超文本标记语言——HyperTextMarkupLanguage）是构成Web世界的一砖一瓦。它是一种用来告知浏
呆若木一·2023-04-13 02:52

CSS总结笔记(一)

总结现在的互联网前端三层：HTML超文本标记语言从语义的角度描述页面结构。CSS层叠式样式表从审美的角度负责页面样式。JSJavaScript从交互的角度描述页面行为。一、CSS基本语法CSS:cascadingstylesheet:层叠式样式表css可以写在单独的文件里，也可以写在style标签里(head中)。xx{color:red;font-size:14px;}二、CSS常见属性字符颜色
此生唯一自传·2023-04-12 05:51

两礼拜学习h5和css总结的小经验

学习静态页面设计的这几个礼拜，从懵懂到熟知、熟用、熟解，可以说总结了一些小经验吧，在设计时会方便、快捷地写代码，而且稳定不乱，很好检查，在这里分享给大家！如有补充，还望不谅想赐~1.注意外边距折叠与其他大多数属性不同，上下的垂直外边距margin在同时存在时会发生外边距折叠。这意味着当一个元素的下边缘接触到另一个元素的上边缘时，只会保留两个margin值中较大的那个2.使用flex进行布局浮动和i
A卡卡米·2023-04-10 12:33

Web前端基础——CSS总结1

（1）CSS概述：层叠样式表(CascadingStyleSheets)，是一种样式表语言，用来描述HTML文档的呈现（美化内容）。（2）代码格式：选择器{CSS属性}（3）CSS引用方式：内部样式表：CSS代码写在style标签里面。外部样式表：CSS代码写在单独的CSS文件中(.css)；在HTML使用link标签引入，格式如下。内行样式：配合JavaScript使用；CSS写在标签的styl
花楠拾·2023-04-08 09:40

可视化设计-------css总结

可视化设计中的css总结用css实现可视化的过程中的一些方法总结蒙版文字利用css中的相对定位和绝对定位，实现元素的两层组合，底层显示图片或者其他重要信息，顶层蒙版显示对底层的简易介绍之类的次要信息css
liuguoxionglang·2023-03-31 09:49

CSS总结

基础部分还需参照CSSMDN上课内容CSS:cascadingstylesheets组成部分：选择器selector、属性property、属性值value、声明declaration（属性和属性值组合）在页面中使用css：外链嵌入(中间为组成部分)内联如(不推荐)[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-sVYsPOqJ-1661913174799)(http
心若向阳花自开blooms·2023-03-29 23:19

css总结12（盒子模型外篇）

前言主要补充一下和盒子模型相关的一些样式属性：box-sizing、resize和outlinebox-sizing可选值##(1)content-box默认值，内容盒子，盒子的大小会随着内容(盒子模型的content)尺寸的变化而变化##(2)border-box边框盒子，与内容盒子相反，盒子的大小不会随着内容尺寸的改变而改变；当然该属性只能保证盒子外观即边框和背景尺寸不会改变，并不能避免盒子内
Mr.Joden·2023-03-25 14:16

css总结13（弹性盒子和flex布局）

目录弹性盒子模型参考图flex属性弹性盒子模型参考图flex属性###前言：(1)通过给普通块标签设置display:flex属性，使其成为一个弹性盒子；(2)在弹性盒子模型的基础上，结合相关的flex属性从而来布局弹性盒子的元素，可以成为该布局方式为flex布局；###flex样式属性分类有些用于弹性盒子这个父容器上，而有些用于其子元素上，所以可以进行划分总结##(1)弹性盒子flex样式属性f
Mr.Joden·2023-03-25 14:16

css总结15（网格布局）

前言(1)和flex布局类似，首先需要使用display:grid将容器设置为网格容器，然后结合相关的网格布局属性来实现网格布局；(2)网格布局中有一些新概念要着重认识，网格轨道、fr单位、区域名称新概念###网格轨道网格轨道即在网格容器中定义的行和列，通过前面已学过的repeat(n,value)函数我们可以定义多个相同的轨道片段###fr单位fr单位用于定义网格容器中行或列的比例。与其他单位不
Mr.Joden·2023-03-25 14:16

css总结

移动端背景无法固定解决方案body:before{content:'';position:fixed;z-index:-1;top:0;right:0;bottom:0;left:0;background:url(...)center0no-repeat;background-size:cover;}如何去掉ios里面输入框输入时的灰色背景关闭ios键盘首字母大写禁止文本缩放html{-webki
前端又又·2023-03-22 03:25

CSS预编译器三剑客（Sass、Less、Stylus）及PostCSS（AST、开发插件）

PostCSS（AST、开发插件）文章目录CSS预编译器三剑客（Sass、Less、Stylus）及PostCSS（AST、开发插件）1.CSS预编译器三剑客（Sass、Less、Stylus）2.PostCSS
ChrisP3616·2023-02-18 21:33

数据库管理-第五十四期 春节俩故障（20230128）

数据库管理2023-01-28第五十四期春节俩故障119.13bug32076305219.15CSS总结第五十四期春节俩故障虽然春节期间除了年三十的现场值班和远程值班，没啥事的，结果还是处理了俩故障，
胖头鱼的鱼缸·2023-02-02 15:02

第二阶段，day2Html和css总结

一、表单标签：男女已婚未婚篮球乒乓球羽毛球排球二、下拉、多行文本、按钮：成都北京重庆沈阳成都德阳乐山眉山自贡广州深圳中山佛山注册三、div和span：#aaa{background-color:red;margin-left:100px;}abcabd百度谷歌新浪腾讯四、css基础：h1{background-color:rgba(0,255,0,0.2);color:saddlebrown;}a
祖国的花朵_3980·2023-01-26 06:09

HTML+CSS练习案例

二、具体代码1.index.html2.index.css3.normalize.css总结前言这个小案例是我大一刚学前端的html+css的练习小案例，虽然简单，但是对于当时小白的自己，也是给了我很大的成就感的哈哈哈哈
努力前端小白·2022-12-30 14:47

css总结及常考问题

css总结及常考问题常考问题总结css预处理器postionBFC什么是BFC如何创建BFC什么应用场景盒子塌陷如何解决盒子塌陷面试常见问题1、盒模型JS如何获取盒模型对应的宽度和高度呢？
ICE努力学前端·2022-12-07 02:42

《前端》css总结（下）

文章目录元素展示格式displaywhite-spacetext-overflowoverflow内边距和外边距marginpadding盒子模型box-sizing位置position：用于指定一个元素在文档中的定位方式浮动flex布局flex-directionflex-wrapflex-flowjustify-contentalign-itemsalign-contentorderflex-
孙同学要努力·2022-11-30 00:31

《前端》css总结（上）

前言：css的定义有很多很多，大家不会的就去这个网站现查一下就好：https://developer.mozilla.org/zh-CN/docs/Web/CSS/text-decoration文章目录样式定义方式行内样式表（inlinestylesheet）内部样式表（internalstylesheet）外部样式表（externalstylesheet）选择器标签选择器Id选择器类选择器伪类选
孙同学要努力·2022-11-30 00:30

scss总结大全，如scss变量引入拆分，scss初中阶函数,继承选择器，媒体查询等

变量引入拆分：@import'Viriables';.main{background-color:$color2;}.module{font-size:$font1;}.feature{background-image:linear-gradient($color1,$color2);}$color1:pink;$color2:green;$font1:14px/2;//1在scss文件名字前加一
不愿意学全栈的小白·2022-11-24 19:46

el-table表格还可以这么玩

六年代码两茫茫，不思量，自难忘6年资深前端主管一枚，只分享技术干货，教你如何优雅地写代码关注博主不迷路~文章目录前言案例介绍案例截图template模板script部分css总结前言我们都知道表格是横向渲染的
北京前端 年薪100w+·2022-09-05 08:50

CSS总结

目录CSS概念理解CSS构成注意：CSS里面的注释CSS目的CSS分类属性相同时CSS优先级CSS选择器选择器优先级外部CSS外部CSS创建引入方式1引入外部样式表（放在哪里都可以）外部CSS创建引入方式2案例link和import之间的区别行内CSS内部CSS内部CSS与外部CSS选择器标签名选择器类选择器交集选择器格式：案例：id选择器注意：通配符选择器分组选择器包含选择武器伪类选择器结构性伪
小白菜00·2022-08-31 12:52

Vue中transition标签的基本使用教程

目录transition标签配合animation配合transitiontransition-group标签动画库animate.css总结transition标签transition标签：Vue的内置动画标签作用
·2022-08-26 11:30
上一页 1 2 3 4 5 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他