CSS基础

前端-css基础知识大全--及css3新特性--相关练习demo

文章目录一、认识css二、css的引入方式三、css的基础选择器四、字体和文本的相关样式1.字体样式2.文本样式重点：水平居中方法总结3.行高相关demo案例五、css背景1.背景颜色2.背景图片背景图片大小3.背景平铺4.背景位置5.背景属性连写扩展：img标签和背景图片的区别六、元素显示模式(块、行内、行内块..)1.块级元素2.行内元素3.行内块元素4.元素显示模式的转换七、css的三大特性
faith_陈·2022-07-11 20:00

【自编教材】16万8千字的HTML+CSS基础 适合从0到1-可收藏

【图片链接有点小问题，这几天更新，敬请期待！】目录第一章HTML基础1.1HTML简介和发展史1.1.1什么是HTML1.1.2HTML的发展历程1.1.3web标准1.2开发中常见概念解释1.2.1前端1.2.2后台1.2.3浏览器1.3纯文本和超文本的使用1.4开发工具的使用1.4.1常见开发工具简介1.4.2VisualStudioCode1.4.3编写第一个HTML文件1.5HTML骨架1
jason的java世界·2022-07-09 16:30

面试题总结

1.说说你对盒子模型的理解当对一个文档进行布局（layout）的时候，浏览器的渲染引擎会根据标准之一的CSS基础框盒模型（CSSbasicboxmodel），将所有元素表示为一个个矩形的盒子（box）一个盒子由四个部分组成
Ysrenacer1_bcfd·2022-07-08 08:47

CSS基础介绍

文章目录CSS简介样式表1.内联样式2.内部样式表3.外部样式表CSS的语法块元素和内联元素1.块元素2.内联元素元素之间的关系选择器1.元素选择器2.后代元素选择器3.子元素选择器子元素选择器(补充)4.兄弟元素选择器5.id选择器6.类选择器7.通配选择器8.选择器分组(并集选择器)9.复合选择器（交集选择器）10.伪类选择器11.否定伪类12.伪元素13.属性选择器样式继承选择器的优先级CS
Cherry_Zj·2022-07-04 15:18

什么是前端？前端入门需要学习哪些技术？前端找工作需要具备什么样的条件？

1.HTML和CSSHTML基础，CSS基础，CSS核心属性；CSS样式层叠，继承，盒模型；容器，溢出及元素类型；浏览器兼容与宽高自适应
云鹿师兄·2022-06-30 16:30

CSS总结

文章目录CSS基础1CSS介绍2CSS语法3CSS选择器4CSS使用5CSS注释6CSS颜色7CSS背景8CSS边框9CSS圆角边框10CSS外边距11CSS内边距12CSS高度/宽度13CSS框模型14CSS
缔宇diyu·2022-06-27 04:45

【前端三件套——CSS进阶】你真的熟练运用CSS了吗

背景平铺属性2.4背景位置2.5背景相关属性连写3.元素显示模式3.1块级元素3.2行内元素3.3行内块元素3.4元素显示模式的转换4.CSS特性4.1继承性4.2层叠性4.3优先级导读上一期我们学习了CSS
前端小刘不怕牛牛·2022-06-23 19:28

【HTML+CSS】做一个简易的立体小模型

学完css基础的朋友们赶紧给自己做个小玩具"奖励"一下自己吧学习的过程中一定要记得多奖励自己废话不多说直接撸代码*{margin:0;padding:0;}.boss{width:200px;height
懒羊羊.java·2022-06-21 22:31

前端三剑客:html,css,JavaScript

一、前端概念二、html详细介绍三、css基础四、css盒模型五、css高级布局六、JS基础七、JS常用类八、JS基础操作九、JS高级与事件十、BOM与DOM十一、jQuery初识十二、Bootstrap
weixin_30725467·2022-06-11 07:56

前端 - CSS基础

目标掌握CSS基本语法规范和代码书写风格掌握CSS选择器的各种用法熟练使用CSS中的常用属性.CSS是什么层叠样式表(CascadingStyleSheets).CSS能够对网页中元素位置的排版进行像素级精确控制,实现美化页面的效果.能够做到页面的样式和结构分离.CSS就是“东方四大邪术”之化妆术.基本语法规范选择器+{一条/N条声明}选择器决定针对谁修改(找谁)声明决定修改啥.(干啥)声明的属性
旧时言·2022-06-08 15:38

CSS基础笔记

01.css的简单介绍html+css+javascript结构+表现+交互如何学习css是什么css怎么用（快速入门）css选择器（重点+难点）美化网页（文字，阴影，超链接，列表，渐变。。。）盒子模型浮动定位网页动画（特效效果）02.什么是css和发展史cascadingstylesheet(层叠级联样式表)css:表现（美化网页）字体，颜色，边距，高度，宽度，背景图片，网页定位，网页浮动。。。
程序猿tu·2022-06-05 22:44

自学前端学习笔记-01CSS基础样式语法

1-1CSS基础1-1css引入方式1.内嵌式：CSS写在style标签中提示：syle标签虽然可以写在页面任意位置，但是通常约定写在head标签中2.外联式：CSS写在一个单独的.css文件中提示：需要通过
Informal杨·2022-06-05 14:53

【CSS基础】定位的有关知识点

1.为什么需要定位？浮动可以让多个块级盒子一行没有缝隙排列显示，经常用于横向排列盒子。定位则是可以让盒子自由地在某个盒子内移动位置或者固定屏幕中某个位置，并且可以压住其他盒子。2.定位组成定位：将盒子定在某一个位置，所以定位也是在摆放盒子，按照定位的方式移动盒子。定位=定位模式+边偏移定位模式用于指定一个元素在文档中地定位方式。边偏移则决定了该元素的最终位置。2.1定位模式2.1.1静态定位sta
想做一只快乐的修狗·2022-06-05 11:30

前端html+CSS基础

一.HTML1.前言与常用标签浏览器内核备注IETridentIE、猎豹安全、360极速浏览器、百度浏览器firefoxGecko可惜这几年已经没落了，打开速度慢、升级频繁、猪一样的队友flash、神一样的对手chrome。Safariwebkit现在很多人错误地把webkit叫做chrome内核（即使chrome内核已经是blink了）。苹果感觉像被别人抢了媳妇，都哭晕再厕所里面了。chrome
LonM·2022-06-02 17:56

WEB前端进阶之路——CSS基础笔记 01

WEB前端—CSS基础笔记01CSS简介CSS基础选择器选择器作用：基础选择器分类：基础选择器总结字体属性：字体属性总结文本颜色文本对齐方式装饰文本文本缩进行间距文本属性总结CSS引入方式Chrome调试工具做个好人
酸奶`·2022-05-31 13:05

WEB--CSS基础

文章目录1.CSS介绍2.CSS使用基本语法页面引入3.CSS选择器4.CSS属性设置颜色属性文本属性边框属性背景属性元素溢出5.盒子模型内补白（内补丁）外补白（外补丁）盒子模型6.reset.css1.CSS介绍CSS:CascadingStyleSheets，意思是层叠样式表。html负责文档的结构和内容，CSS负责表现形式2.CSS使用基本语法#选择器{属性:值;属性:值;属性:值;}div
zyanwei2018·2022-05-31 13:01

web——CSS基础

作者：小琛欢迎转载，请标明出处文章目录引入方式选择器字体样式文本样式例子1：新闻网页例子2：产品推荐图css:在web中，用于渲染网页的工具引入方式三大引入方式：内嵌、外联、行内内嵌：在html的head中，定义style，将所有渲染内容写在里面外联：定义一个.css文件，将所有渲染写在该文件内，在对应的html文件中，link该文件行间：写在某一个标签内一般的工程开发多用外联式，这样可以让工程文
小 琛·2022-05-31 13:59

2022前端技术栈

一、HTML、CSS基础、JavaScript语法基础。二、JavaScript语法进阶。包括：作用域和闭包、this和对象原型等。三、ES6语法。
程序小小黑·2022-05-30 09:23

【CSS基础】CSS的元素显示模式总结

1.CSS的元素显示模式总结元素模式元素排列设置样式默认宽度包含块级元素一行只能放一个块级元素可以设置宽度、高度容器的100%容器级可以包含任何标签行内元素一行可以放多个行内元素不可以直接设置宽度、高度它本身内容的宽度容纳文本或其他行为元素行内块元素一行放多个行内块元素可以设置宽度、高度它本身内容的宽度2.元素显示模式转换代码Documenta{width:200px;height:100px;b
想做一只快乐的修狗·2022-05-29 07:49

CSS基础-体验CSS

所有CSS布局技术依赖于三个基本概念：定位，浮动和空白边操作。1、设计居中的两种方式，一种是使用空白边，另一种是使用定位和负值空白边。使用空白边是指将页面内容放入一个div容器，位于里面，接着定义div容器的宽度并且将其水平空白边设置位auto。代码：#wrapper{width:800px;margin:0auto;}使用定位和负值空白边：首先定义容容器宽度，将容器position属性设置位re
·2022-05-25 17:33

【前端三件套——CSS基础】网页开发必备知识

文章目录前言导读1.CSS引入方式1.1内嵌式1.2外联式1.3行内式2.基础选择器2.1标签选择器2.2类选择器2.3id选择器2.4通配符选择器3.字体与文本样式3.1font字体样式3.2text字体样式3.3文本修饰3.3line-height行高前言上文笔者对HTML做了较为全面的总结，前端三件套三下五除二，我们就干掉三分之一了（狗头）那么接下来就是我们的层叠样式表——CSS，它的作用就
前端小刘不怕牛牛·2022-05-12 08:01

CSS基础-animation练习-跳动的红心

效果演示html代码css代码.div01{margin:150px;width:200px;height:160px;position:relative;animation:run2sinfinite;}.div01::before{position:absolute;left:0;top:0;content:'';display:block;width:100px;height:160px;b
student66666666·2022-05-10 21:15

【Web技术】CSS基础入门

【Web技术】CSS基础入门简介结构化文档CSS语法应用CSS样式的3中方式行内样式内部样式外部样式表层叠顺序页面定位CSS3扩展圆角属性线性渐变简介层叠样式表(英文全称：CascadingStyleSheets
starry陆离·2022-05-10 14:30

前端三剑客（二）：CSS基础教程

CSSCSS概述css，CascadingStyleSheets，是层叠样式表，用于设计风格和布局CSS添加方式分为三种方式A.行内添加方法，在标签内设置属性。B.内嵌样式注：选择器为*为全局声明C.单独文件，通过后缀名css结尾，放在同级文件夹上，通过link链接，rel指样式文件，也可以用@import导入优先级：行内>内嵌>链接>浏览器默认（就近原则）。注意：如果行内样式规定了一部分，内嵌或
michilay·2022-05-06 20:46

css 学习1 css基础

body{background-color:yellow}h1{background-color:#00ff00}h2{background-color:transparent}p{background-color:rgb(250,0,255)}p.no2{background-color:gray;padding:20px;}这是标题1这是标题2这是段落这个段落设置了内边距。body{backg
flowerspring·2022-05-06 17:23

HTML+CSS--以思维导图的方式带你快速掌握

文章目录前言一、手机端HTML文档语言CSS基础CSS内容排版CSS页面布局CSS盒子模型盒子之间的关系表单二、电脑端HTML文档语言CSS基础CSS内容排版CSS页面布局CSS盒子模型盒子之间的关系表单下载方式前言该文档分为手机端和电脑端手机端
康康爱吃肉·2022-04-30 16:41

原来10+年的Web前端工程师是这样的，快来围观！

一、1-3年（P5-P6）这个时候大多数是应届生学习知识的积累期，对于前端三剑客：HTML/Javascript/CSS基础的夯实阶段。推荐《HT
普通网友·2022-04-23 13:17

Web前端入门之CSS基础笔记

目录001-HTML中嵌入CSS样式的第一种方式002-HTML中嵌入CSS样式的第二种方式003-HTML中嵌入CSS样式的第三种方式004-隐藏样式005-文本装饰样式006-设置鼠标的悬停效果007-内边距和外边距008-float浮动效果009-定位样式position001-HTML中嵌入CSS样式的第一种方式HTML中嵌入CSS样式的第一种方式：内联定义style：风格，样式。任何一个
kano_s·2022-04-21 14:19

【JavaWeb】前端三剑客—CSS基础知识

目录一、CSS是什么二、基本语法规范三、引入方式内部样式表行内样式表外部样式三、选择器标签选择器类选择器id选择器四、复合选择器后代选择器子选择器伪类选择器五、常用元素属性字体属性文本属性六、背景属性背景颜色背景平铺七、Chrome调试工具标签页含义元素的显示模式块级元素行内元素/内联元素盒模型边框内边距外边距一、CSS是什么层叠样式表(CascadingStyleSheets).CSS能够对网页
/少司命·2022-03-24 17:56

CSS基础

目录一、CSS简介CSS语法规范CSS代码风格二、CSS基础选择器1、CSS选择器的作用2、选择器分类2.1、标签选择器2.2、类选择器2.3、id选择器2.4、通配符选择器3、基础选择器总结三、CSS
猿秃秃·2022-03-22 09:03

css笔记

二、使用步骤1.引入库2.读入数据总结css基础选择器1.css选择器的作用2.选择器分类01-标签选择器02-类选择器03-id选择器04-通配符选择器05-总结css字体属性1.字体体系2.字体大小
龙槑·2022-03-22 09:29

CSS基础知识（七）：CSS三大特性——层叠性、继承性、优先级

文章目录一、CSS三大特性二、层叠性三、继承性四、优先级一、CSS三大特性CSS三大特性：层叠性、继承性、优先级二、层叠性层叠性主要解决：冲突的问题，相同的选择器设置相同的样式，此时会产生样式冲突，层叠性使用就近原则，让一个样式覆盖掉另一个样式样式冲突，遵循的原则就是就近原则，哪个样式离结构近，就执行哪个样式样式不冲突，不会层叠三、继承性css的继承:子标签会继承父标签的某些样式，如文本的颜色和字
橘子味的香蕉·2022-03-19 23:40

CSS基础之三大特性

CSS的三大特性：层叠性、继承性和优先级层叠性:其含义就是相同的选择器设置相同的样式的时候，此时一个样式会覆盖另一个冲突的样式。原则：样式冲突，遵循的原则就是就近原则，哪个样式离着结构近就执行哪个样式。样式不冲突的时候，不会重叠。例子如下：Document/*设置div标签中的文字颜色为黄色*/div{color:red;font-size:24px;}/*设置div标签中的文字颜色为黄色*/di
James-Blackhu·2022-03-19 23:39

CSS基础-CSS三大特性

继承性层叠性优先级优先级权重!important转载于:https://www.cnblogs.com/Joe-and-Joan/p/9949875.html
weixin_30814223·2022-03-19 23:37

CSS基础——CSS 三大特性【学习笔记】

1CSS层叠性概念：所谓层叠性是指多种CSS样式的叠加。是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉原则：样式冲突，遵循的原则是就近原则。那个样式离着结构近，就执行那个样式。样式不冲突，不会层叠CSS层叠性最后的执行口诀：长江后浪推前浪，前浪死在沙滩上。2CSS继承性概念：子标签会继承父标签的某些样式，如文本颜色和字号。想
包小黑·2022-03-19 23:38

CSS基础之元素的隐藏与显示

文章目录前言1.display显示隐藏2.visibility显示隐藏3.overflow溢出显示隐藏4.display与visibility的区别前言类似网站广告，当我们点击关闭就不见了，但是我们重新刷新页面，会重新出现，这时候我们就需要用到元素的隐藏和显示1.display显示隐藏display属性用于设置一个元素应如何显示div{display:block;/*同时具有转换为块级元素和显示元
格子学前端·2022-03-19 23:13

CSS基础之盒子模型

文章目录前言1.盒子模型的组成2.边框(border)3.内边距(padding)4.外边距(margin)①外边距典型应用②外边距合并③清除内外边距前言css页面布局三大重点：css盒子模型、浮动、定位1.盒子模型的组成border(边框)content(内容)padding(内边距)margin(外边距)2.边框(border)CSS边框属性允许你指定一个元素边框的样式和颜色边框由三部分组成：
暮晓引流软件·2022-03-19 22:12

CSS基础 (3) - 三大特性

CSS有三大特性：层叠性继承性优先级1.层叠性相同选择器设置相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式。层叠性主要解决样式冲突的问题。原则：样式冲突，遵循就近原则，哪个样式离得近就执行哪个样式（后者覆盖前者）样式不冲突，不会层叠2.继承性简化代码，降低css样式的复杂性子标签会继承父标签的某些样式（text-,font-,line-这些元素开头的可以继承以及color属性）行高的继承
Frances_mm·2022-03-19 22:18

CSS基础之CSS三大特性

文章目录1.层叠性2.继承性3.优先级1.层叠性所谓层叠性是指多种CSS样式的叠加，它是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性覆盖掉原则：样式冲突，遵循的原则是就近原则。哪个样式离结构近，就执行哪个样式样式不冲突，不会层叠2.继承性子标签会继承父标签里面的某些样式，例如文本颜色和字号等Tips：恰当地使用继承可以简化代码，降
格子学前端·2022-03-19 22:11

分离vue文件中css、js代码的简单技巧

目录场景方法index.vue基础代码index.scss基础代码index.js基础代码拓展代码总结场景1、因为早期是iOS开发，形成的MVC习惯，个人喜欢css、js代码独立放一个文件里面，也就是分离样式模块和业务处理模块
·2022-03-19 15:35

CSS基础之定位

文章目录前言1.定位的组成2.静态定位static3.相对定位relative4.绝对定位absolute5.子绝父相6.固定定位fixed7.粘性定位sticky8.定位模式总结前言定位可以让盒子自由的在某个盒子内移动位置或固定屏幕中某个位置，并且可以压住其他盒子1.定位的组成定位=定位模式+边偏移定位模式决定元素的定位方式，它通过CSS的position属性来设置，其值可以分为四个：值语义st
格子学前端·2022-03-18 21:56

CSS基础知识

1、什么是CSS如何学习CSS是什么CSS怎么用CSS选择器（重点+难点）美化网页（文字、阴影、超链接、列表、渐变）盒子模型浮动定位网页动画（特效效果）1.1什么是CSSCascadingStyleSheet层叠级联样式表CSS：表现（美化界面）字体、颜色、边距、高度、宽度、背景图片、网页定位、网页浮动...1.2发展史CSS1.0CSS2.0DIV（块）+CSS，HTML与CSS结构分离的思想网
酷酷的杨·2022-03-16 23:00

前端面试题之CSS篇

前端面试题之CSS篇一、CSS基础1.CSS选择器及其优先级2.CSS中可继承与不可继承属性有哪些3.display的属性值及其作用4.display的block、inline和inline-block
爱是与世界平行·2022-03-16 16:51

纯CSS 神奇的边框特效

本文简介点赞+关注+收藏=学会了阅读本文需要css基础。要了解border-radius的用法。如果不懂的请先自行查阅border-radius的文档。
·2022-03-12 08:03

css入门【3】-css基础选择器

1.标签选择器直接用标签名来进行选择p{font-size:30px;color:skyblue;font-family:"Arial","SimSun","MicrosoftYahei";}thisisaparagraph,这是一个段落thisisaparagraph,这也一个段落选中之后，所有的p标签格式都改变。不管嵌套关系多复杂，标签位置藏得多深，都可以通过标签选择器选中。2.id选择器通过
樱桃小栗子·2022-03-09 08:33

css入门【2】-css基础样式

1.css文本样式字体大小：font-size;以像素为单位font-size:40px;字体颜色：color;可以写英文单词的颜色，也可以十六进制表示，还可以用rgb形式，如果不知道颜色怎么表达，可以百度在线取色器取色。color:grey;color:#000;color:#A93CC4;字体：font_family;标注字体时尽量英文字体的格式写在前，中文在后，字体名字写在双引号里面，逗号隔
樱桃小栗子·2022-03-09 08:32

【网页设计】CSS基础全面入门

文章目录字体样式属性font-size:字号大小font-family:字体CSSUnicode字体font-weight:字体粗细font-style:字体风格font:综合设置字体样式选择器标签选择器（元素选择器）类选择器多类名选择器id选择器通配符选择器伪类选择器链接伪类选择器结构(位置)伪类选择器（CSS3)目标伪类选择器(CSS3)CSS注释CSS外观属性color:文本颜色line-h
进阶er·2022-02-24 09:19

2018-10-30-day2-表单标签和CSS基础

三.div和spanaaabbbaaaaaaabbbbbbb四.css基础设置字体颜色background-color->设置背景颜色width->宽度height->高度2.CSS基本语法结构：选择器
芽菜包66·2022-02-20 19:17

Scss快速入门

一、安装及编译详细教程介绍完全兼容CSS3在CSS基础上增加变量、嵌套(nesting)、混合(mixins)等功能通过函数进行颜色值与属性值的运算两种语法格式：scss：即css语法sass：简化了。
Mr隐士·2022-02-20 17:34

从零开始学WEB前端——网页的装饰——CSS基础

项目介绍先做个自我介绍，本人是一个没人写前端所以就自学前端的后端程序员。在此项目中我会和大家一起从零基础开始学习前端，从后端程序员的视角来看前端，受限于作者的水平本项目暂时只会更新到前端框架VUE，不会涉及node.js。该项目适合零基础的小白或者和我一样开发网站没人写前端所以自学前端的后端程序员。该项目的学习顺序是按照我自己学习时总结出来的，其中的每个知识点都是我认真去理解的，同时也查了很多的资
su_zui·2022-02-20 14:41
上一页 12 13 14 15 16 17 18 19 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他