css基础

笔记 - CSS基础

浏览器与支持特性caniuse.com关于CSS优先级：一般情况下，优先级如下：（外部样式）Externalstylesheetspan{border:1pxsolidred;/*增加可见高度padding:10px20px；*//*增加实际高度line-height:100px;*/}div{border:1pxsolidred;}body{padding:20px;}span元素+paddin
Emist·2023-06-13 19:36

css基础知识二：CSS选择器有哪些？优先级？哪些属性可以继承？

一、选择器CSS选择器是CSS规则的第一部分它是元素和其他部分组合起来告诉浏览器哪个HTML元素应当是被选为应用规则中的CSS属性值的方式选择器所选择的元素，叫做“选择器的对象”我们从一个Html结构开始关于css属性选择器常用的有：id选择器（#box），选择id为box的元素类选择器（.one），选择类名为one的所有元素标签选择器（div），选择标签为div的所有元素后代选择器（#boxdi
小爱同学-Allen·2023-06-13 02:26

CSS基础学习--9 边框（Border）

border-style属性用来定义边框的样式border-style值:CSS基础学习-边框样式p.none{border-style:none;}p.dotted{border-style:dotted
yyxhzdm·2023-06-13 01:21

CSS基础学习--7 fonts字体

一、CSS字体CSS字体属性定义字体系列，加粗，大小，文字样式。二、字体系列font-family属性设置文本的字体系列font-family属性应该设置几个字体名称作为一种"后备"机制，如果浏览器不支持第一种字体，他将尝试下一种字体。注意:如果字体系列的名称超过一个字，它必须用引号，如FontFamily："宋体"，多个字体系列是用一个逗号分隔指明。p{font-family:"TimesNew
yyxhzdm·2023-06-13 01:20

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

盒子模型css学习三大重点：css盒子模型、浮动、定位网页布局的本质首先利用CSS设置好盒子的大小，然后摆放盒子的位置。最后把网页元素比如文字图片等等，放入盒子里面。1.盒子模型(BoxModel)盒子模型就是把HTML页面中的布局元素看作是一个矩形的盒子，也就是一个盛装内容的容器。盒子模型由元素的内容、边框（border）、内边距（padding）、和外边距（margin）组成。盒子里面的文字和
宇智波-林中路·2023-06-13 01:48

CSS基础学习--8 盒子模型(Box Model)

一、介绍所有HTML元素可以看作盒子，在CSS中，"boxmodel"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。下面的图片说明了盒子模型(BoxModel)：不同部分的说明：Margin(外边距)-清除边框外的区域，外边距是透明的。Border(边框)-围绕在
yyxhzdm·2023-06-13 01:47

面试 - CSS基础

面试-CSS基础重绘与回流什么叫优雅降级和渐进增强？两者有什么区别？谈谈盒子模型？谈谈你对BFC、IFC、GFC、FFC规范的理解。常见的盒子垂直居中的方法有哪些请举例3种？清除浮动的方法有哪些？
一朵野花压海棠·2023-06-12 19:28

cc第二周-HTML标签+CSS基础

以下内容将包括：HTML常用标签CSS基础(CSS发展历史、作用、引用方式、三大特性、常用属性。
cc||cc·2023-06-12 15:52

CSS基础学习--4 创建式样

一、插入样式表的几种方法？外部样式表内部样式表内联样式二、外部样式表使用前提：当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用标签链接到样式表。标签在（文档的）头部（head）中浏览器会从文件mystyle.css中读到样式声明，并根据它来格式文档。备注：外部样式表可以在任何文本编辑器中进行编辑。文件不能包含任
yyxhzdm·2023-06-11 23:36

CSS基础学习--5 background背景

一、介绍：CSS背景属性用于定义HTML元素的背景。CSS属性定义背景效果:background-color背景颜色background-image背景图片background-repeatbackground-attachmentbackground-position二、属性2.1、background-color属性定义了元素的背景颜色body{background-color:red;}CS
yyxhzdm·2023-06-11 23:36

CSS基础学习--3 id和class 选择器

以下的样式规则应用于元素属性id="para1":CSS基础学习#para1{color:red;font-size:30px;font-weight:600;
yyxhzdm·2023-06-11 23:06

CSS基础学习--6 CSS Text（文本）

一、文本颜色color:red;颜色属性被用来设置文字的颜色。颜色是通过CSS最经常的指定：十六进制值-如:＃FF0000一个RGB值-如:RGB(255,0,0)颜色的名称-如:redbody{color:red;}h1{color:#00ff00;}h2{color:rgb(255,0,0);}二、文本的对齐方式text-align文本排列属性是用来设置文本的水平对齐方式。文本可居中或对齐到左
yyxhzdm·2023-06-11 23:01

2023年前端面试汇总-CSS

1.CSS基础1.1.CSS选择器及其优先级对于选择器的优先级：1.标签选择器、伪元素选择器：1；2.类选择器、伪类选择器、属性选择器：10；3.id选择器：100；4.内联样式：1000；注意事项：1
aiguangyuan·2023-06-10 23:16

CSS2学习笔记

一、CSS基础1.CSS简介CSS的全称为：层叠样式表(CascadingStyleSheets)。CSS也是一种标记语言，用于给HTML结构设置样式，例如：文字大小、颜色、元素宽高等等。
阳宝宝的向日葵·2023-06-10 15:58

css基础一：说说你对CSS盒子模型的理解?

一、是什么当对一个文档进行布局（layout）的时候，浏览器的渲染引擎会根据标准之一的CSS基础框盒模型（CSSbasicboxmodel），将所有元素表示为一个个矩形的盒子（box）一个盒子由四个部分组成
小爱同学-Allen·2023-06-10 02:36

html与css基础

css和html基础由于这是自己个人写作业时弄的，没有任何基础所以知识点比较杂，只是自己简单的做个笔记在html引用css:在html中引用css样式：class标签在文字下方加入横线：border-bottom:1pxsolid;html全屏背景：body{background-image:url(img/untitled.png);background-repeat:no-repeat;#定义
是娇春呀·2023-06-09 21:17

CSS基础布局

1.左右布局为要横向布局的子元素添加float:left;，然后对父元素添加.clearfix类HTMLCSS.clearfix{content:'';display:block;clear:both;}.left{float:left;width:100px;height:100px;background-color:#ace;}.right{float:left;width:200px;hei
wyx8267·2023-06-09 01:01

【03.04】大数据教程--html+css基础

当谈到大数据时，HTML和CSS可能并不是最相关的技术。HTML和CSS主要用于构建网页和应用程序的用户界面，而大数据则涉及处理和分析大规模数据集。但是，如果您想展示有关大数据的信息或结果，并在网页上呈现，那么HTML和CSS可以用于创建具有吸引力和交互性的数据可视化。以下是一个基础示例，展示如何使用Python生成一些模拟的大数据，并将其以表格和图表的形式在网页上呈现。我们将使用Flask作为P
码视野·2023-06-08 07:26

妙味课堂——HTML+CSS基础笔记

先把HTML和CSS基础课程部分视频的学习笔记记录如下：padding#PS基础##前端需要的PS技能-PS技能（前端需要）：切图、修图、测量-PS工具：-移动工具-矩形选框工具-裁切工具-吸管工具-横排文字工具
weixin_30496431·2023-06-08 01:59

CSS基础-超详解

目录什么是CSS?CSS的引入方式内部样式外部样式内联样式CSS选择器CSS标签选择器类选择器id选择器通配符选择器CSS属性设置字体文本什么是CSS?CSS也被叫做层叠样式表,英文全称为:CascadingStyleSheets,是一种用来表现HTML(标准通用标记语言的一个应用)或XML等文件样式的计算机语言,CSS不仅可以静态的修饰网页,也可以配合各种脚本语言动态地对网页各元素进行格式化处理
niceffking·2023-06-07 10:53

CSS/HTML静态购物网站项目源码解析（品优购）——该项目包含主页、注册页、列表页三个网页

index.html------主页register.html-------注册页list.html-----列表页摘要：作为一个前端初学者，这是我学完html和css基础后做的第二个练习（第一个是小米商城
Etui۹(･༥･´)و ̑̑·2023-06-07 09:16

百度前端实战训练营--CSS基础

Day3：CSS基础详细介绍，可查看网站web入门-学习Web开发|MDN(mozilla.org)在线编辑器：JSBin-CollaborativeJavaScriptDebuggingCSS简介：基本概念
hechengjiang_009·2023-06-07 01:40

html+css基础面试题

1.1HTML面试题面试题：行内元素有哪些？块级元素有哪些？空(void)元素有哪些？行内元素：span、img、input...块级元素：div、footer、header、section、p、h1...h6...空元素：br、hr...元素之间的转换问题：display:inline;把某元素转换成了行内元素===>不独占一行的，并且不能设置宽高display:inline-block;把某元
阿拉斯加南海岸线·2023-04-21 19:05

一周看完bootstrap的体会——什么是Bootstrap

因为某些原因，最近需要学习大量前端知识，在拥有html以及css基础的前提下，果断选择了先从Bootstrap（学之前我也不知道是啥）开始，从一脸懵逼到了解基本内容，差不多也就是一周吧（其实还可以更快）
水果拉菲克·2023-04-21 14:04

CSS基础

一、CSS简介1、简单介绍CSS指层叠样式表(CascadingStyleSheets)，样式定义如何显示HTML元素，通常存储在样式表中。把样式添加到HTML4.0中，是为了解决内容与表现分离的问题。使文档内容（HTML内容）清晰地独立于文档表现层。外部样式表可以极大提高工作效率，通常存储在CSS文件中，多个样式定义可层叠为一（样式可以规定在单个的HTML元素中，在HTML页的头元素中，或在一个
千年幸福论·2023-04-21 02:30

CSS基础

什么是CSS预处理器/后处理器？预处理器例如：LESS、Sass、Stylus，用来预编译Sass或less，增强了css代码的复用性，还有层级、mixin、变量、循环、函数等，具有很方便的UI组件模块化开发能力，极大的提高工作效率。后处理器例如：PostCSS，通常被视为在完成的样式表中根据CSS规范处理CSS，让其更有效；目前最常做的是给CSS属性添加浏览器私有前缀，实现跨浏览器兼容性的问题。
zhangjingbibibi·2023-04-20 15:27

CSS基础——h5中的框架集及CSS中奇葩异常

目录框架集CSS命名规范idclass和文件命名规范浏览器的奇葩设计CSS代码压缩项目时间划分总结框架集框架集和内联框架的作用他是类似的，都是用来将一个页面引入到其他的外部页面的。框架集和一同事引入多个页面，而我们之前说的内联框架只能够引入一个页面，在H5开发标准中，他推荐的是使用框架集，而不是使用内联框架来实现引入效果使用frameset来创建出一个框架集。注意：framset不能和body出现
ybb_ymm·2023-04-20 13:15

CSS基础——盒子模型

目录简介盒子模型组成内容区内边距边框border-widthborder-colorborder-styleborder外边距负值auto简写属性垂直外边距的重叠浏览器默认设置内联元素的盒子简介在网页中，一切都是可以看作为“盒子”。在css处理网页的时候，我们认为每一个元素都是包含在一个看不见的盒子里面盒子模型组成由里到外盒子模型依次包含：内容区（content）内边距（padding）边框（bo
ybb_ymm·2023-04-20 13:14

CSS基础——盒子模型的一些属性概念

目录displayvisibilityoverflow文档流元素在文档流中的特点块元素内联元素浮动float浮动元素特点清除浮动clear小练习效果图具体实现高度塌陷问题BFC特点如何开启BFC解决方案本篇的最终练习效果图如下：具体实现display通过display样式可以修改元素的类型。将一个内联元素变成一个块元素可选值：inline：可以将一个元素作为一个内联元素显示；block：可以将一个
ybb_ymm·2023-04-20 13:14

CSS基础——定位及背景处理

目录定位相对定位相对定位特点绝对定位绝对定位的特点固定定位固定定位和绝对定位不同的特点层级问题opacityIE处理背景background-imagebackground-colorbackground-repeatbackground-position图片整合技术优点background-attachment属性简写（background）定位通过定位可以任意的摆放元素定位指的是将指定的元素拜
ybb_ymm·2023-04-20 13:41

CSS基础「七」精灵图 \ 字体图标 \ 三角 \ 用户界面样式 \ 页面初始化

本篇文章为CSS基础系列笔记第七篇，参考黑马程序员pink老师前端入门教程其他CSS基础相关文章：CSS基础「一」基础选择器/字体属性/文本属性/三种样式表CSS基础「二」复合选择器/元素显示模式/背景
imByte·2023-04-20 02:39

CSS基础样式

1.高度和宽度.c1{height:300px;width:500px;}注意事项：宽度，支持百分比行内标签：默认无效块级标签：默认有效（右侧区域就算是空白，也不给占用）2.块级和行内标签css样式：标签--display:inline-block允许在元素上设置宽度和高度Title.c1{display:inline-block;height:100px;width:300px;border:1
小梁今天敲代码了吗·2023-04-18 23:43

CSS复习总结（29-31st）

这三天将CSS3的一些知识进行了复习，现在对它们进行复习汇总1css基础内容（一）1.1定义1.CSS是层叠样式表(CascadingStyleSheets)的简称，也是一种标记语言。
山雀~·2023-04-18 13:53

CSS基础——CSS 基础（中）

目录前言伪选择器伪类标签的伪类获取焦点指定元素前指定元素后选中元素伪元素属性选择器title属性其他子元素选择器兄弟选择器否定伪类前言上一篇文章我们讲解了关于CSS一些定义及部分选择器，接下来我们接着看CSS中的选择器内容伪选择器伪类用来表示元素定的一种特殊状态。例如：已经访问过得超链接，普通的链接，获取焦点以后的文本框当我们需要为处在这些特殊状态的元素去设置样式的时候，就可以使用我们的伪类来实现
ybb_ymm·2023-04-18 13:23

CSS基础——CSS基础（下）

目录继承选择器的优先级优先级规则a的伪类优先级文本标签及样式文本标签em、strong、i、bsmallciteqblockquotesup、subins、delcode、pre文本样式text-transformtext-decorationletter-spacingword-spacingtext-aligntext-indent长度单位像素px百分比%em颜色单位十六进制字体样式颜色大小字
ybb_ymm·2023-04-18 13:47

day2 CSS基础和表单标签

一、表单标签男女教育互联网食品注册二、下拉列表和多行文本域四川省云南省吉林省辽宁省黑龙江省北京重庆天津上海成都市绵阳巴中宜宾达州默认文字三、div和spandiv1div2span1span2四、CSS
星龙断月·2023-04-18 12:02

CSS基础——CSS 基础（上）

目录CSS语法开发工具块元素和内联元素选择器元素选择器id选择器类选择器选择器分组(并集选择器）交集选择器（复合选择器）通配选择器元素间关系后代元素选择器子元素选择器CSS语法css注释：作用和HTML注释类似，只不过他必须编写在style标签中，或者是css文件中css语法：选择器声明块选择器：通过选择器可以选中页面中指定的元素，并且将声明块中的样式应用到选择器对应的元素上。（元素就是标签，标签
ybb_ymm·2023-04-17 05:35

CSS基础知识，必须掌握！！！

CSS基础知识Background（背景）CSS文本格式文本颜色文本对齐格式文本修饰文本缩进CSS中的字体字体样式字体大小CSS链接（link）CSS列表不同列表标项CSS列表项用图片作为标记CSS列表标记项位置
不掉发的代码·2023-04-17 00:19

CSS基础之伪类和伪元素

伪类伪类是特殊的选择器，用于选择特定状态的元素。例如：鼠标悬停在元素上、第一个元素等。它表现的就像是向HTML元素添加了一个类一样。可以帮你减少在HTML中显示指定类，使代码更灵活，更好维护。列表（部分）位置相关伪类介绍:root匹配文档树根元素，对于HTML来说就是，相比于html选择器它的优先级更高。:first-child表示一组兄弟元素的第一个元素。:first-of-type同一组类型元
就是小王同学啊·2023-04-15 17:01

【css基础】都这个时候了，还不学学gird布局

文章目录开启设置子项宽度设置子项高度设置间距指定区域排列在子壳中垂直对齐在子壳中水平对齐父级控制整体子项的对其方式开启只需要：.grid{display:grid;}默认子项按一列布局设置子项宽度设置子项宽度，每一个值代表一列。如果子项自己有设置单独宽度，还是会以gird设置的为主，但子项单独设置大了多的会溢出。grid-template-columns:100px100px100px;设置子项宽
庞囧·2023-04-15 15:25

【Web前端HTML+CSS基础——常规流和浮动(猫眼电影项目实战)】

文章目录常规流常规流的布局浮动应用场景浮动的基本特点盒子尺寸盒子排列高度坍塌(造成网页布局样式混乱的根源)浮动知识点练习代码：浮动练习代码1：浮动练习代码2：浮动项目实战——猫眼电影的制作浮动项目实战——猫眼电影的制作HTML代码浮动项目实战——猫眼电影的制作CSS代码常规流盒模型：规定单个盒子的规则视觉格式化模型(布局规则)：页面中的多个盒子排列规则视觉格式化模型，大体上将页面中的盒子的排列分为
Nempohilist.·2023-04-15 12:32

1-1-10【CSS基础】CSS常用样式&选择器

题外话：越自律越自由？目前还没能理解这句话的精髓文章内容输出来源：拉勾教育大前端就业集训营1.文字属性——颜色作用：color属性，给文字设置显示颜色。英文单词表示颜色：rgb模式表示颜色：根据红、绿、蓝三种颜色的亮度，来表示任意颜色。RGB表示颜色法RGB表示颜色法RGB表示颜色法RGB表示颜色法RGB表示颜色法说明：每个数字范围是0-255，0表示亮度最低，255表示亮度最高。三种颜色配合可以
Liyager·2023-04-14 08:38

一文带你了解CSS3的重点内容

知识学习内容来自b站的@黑马程序员的视频CSS3是在原来的CSS基础上优化来的，添加了一些新的内容，在移动端的支持要好于PC端。下面是CSS3的主要内容。
rchjr·2023-04-14 08:53

CSS之基础篇

css基础1:缩写方法：p{color:#ff0000}===>p{color:#foo}。
忆往昔Code·2023-04-14 07:15

用 CSS 设计漂亮的阴影，css阴影和原理，所有知识点多图动画演示

本文讨论的就是如何将常见的阴影转换为美丽的、栩栩如生的阴影：在这里插入图片描述阅读受众本文适用于有一些CSS基础知识的开发人员。1.为什么要使用阴影？阴影意味着海拔，更大的阴影意味着更高的海拔。如果
李浩的博客·2023-04-13 16:38

《CSS揭秘》实用技巧总结

所以阅读本文不仅可以学习一些实用技巧，也可以巩固自己的css基础知识。实
全栈修炼·2023-04-13 15:23

css基础

1CSS介绍CSS的意思为CascadingStyleSheets，中文名是层叠样式表。CSS是由大名鼎鼎的W3C中CSS工作组来发布以及维护CSS作用是修饰HTML和XML的标记语言CSS属于浏览器解释语言，它可以由浏览器直接执行，不用再进行编译CSS是前端入门的必修课，运用它可以让我们的页面更加美观2CSS引入方式2.1行内样式行内样式：将样式直接写在标签上，需要使用style属性。示例：Ti
莎萌玩家·2023-04-12 12:29

web前端入门到实战：css选择器和css文本样式相关

css基础-css选择器和css文本样式相关：使用link链入外部样式，页面加载时会同时加载样式@importurl(“*.css”);使用导入式，页面加载完后，才会加载样式链接伪类的顺序:link->
大前端世界·2023-04-12 06:00

前端面试题大全

HTML/CSS基础1、盒模型每个HTML元素都可看作盒模型，有标准盒模型（W3C）和IE盒模型。
Yolanda_cz·2023-04-12 05:14

CSS基础二（高度与文档流）

问题：div的高度是如何确定？span的高度是如何确定？１．预备：文档流：指文档内元素的流动方向；内联元素从左到右，满了，就换行；块级元素，从上往下，另起一行；示例（内联元素的特例）：image.png对于汉字，会自动分行。要是对于很长的单词，默认就不会分行，如果想分行，需要设置：work-break:break-all２．第一个问题：div的高度如何确定？显而易见，div的高度由其内部文档流元素
索伯列夫·2023-04-11 21:35
上一页 7 8 9 10 11 12 13 14 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他