Css基础

css基础知识十九：让Chrome支持小于12px 的文字方式有哪些？区别？

一、背景Chrome中文版浏览器会默认设定页面的最小字号是12px，英文版没有限制原由Chrome团队认为汉字小于12px就会增加识别难度中文版浏览器与网页语言无关，取决于用户在Chrome的设置里（chrome://settings/languages）把哪种语言设置为默认显示语言系统级最小字号浏览器默认设定页面的最小字号，用户可以前往chrome://settings/fonts根据需求更改而
小爱同学-Allen·2023-07-13 23:20

玩转CSS基础：CSS选择器

记录不常用，一知半解，或者不了解的知识点，及时查漏补缺，提高技术水平。CSS选择器标签属性选择器点击我根据一个元素上的某个标签的属性的存在以选择元素的不同方式：a[title]{color:red;}根据一个有特定值的标签属性是否存在来选择：a[href="www"]{font-weight:bold;}类选择器指向特定元素的类比如文档中有多个相同的类，我们只想h1元素应用上highlight样式
风如也·2023-07-13 20:39

小程序开发：必须掌握的 HTML、CSS 和 JavaScript 技术

文章目录引言一、小程序开发的背景和重要性二、HTML、CSS和JavaScript在小程序开发中的作用三、HTML基础知识1️⃣HTML的概念和基本结构2️⃣HTML标签和元素3️⃣HTML表单和输入元素四、CSS
陈橘又青·2023-07-13 19:59

CSS基础之 伪类和伪元素

上一章聊了CSS的选择器，但是还有一种选择器名字伪类选择器和伪元素选择器现在看一下：伪类：伪类就是前面有一个:的标签。也就是截图中多的那些。伪类本身是不存在的类，是一种特殊的类，伪类用来描述一个元素的特殊状态，比如：第一个元素，被点击的元素，鼠标一定的元素等等。伪元素：前面有两个:的标签。也就是截图中少的那些。其实上面两种都有很多不过，只会演示一些常年用的，其它的如果使用的时候也可以根据演示的进行
小猪弟·2023-06-23 16:47

CSS基础总结

CSS基础总结CSS基础总结基础认知基础选择器**选择器的作用**标签选择器类选择器id选择器**通配符选择器**字体和文本样式字体样式字体大小：font-size字体粗细：font-weight字体样式
糖果店的幽灵·2023-06-23 11:07

web前端css基础易错点

给定位所以给w高度opacity是把所有内容的透明度设置大盒子（超大盒子区域盒子内的）给高度是让他占位置一个块级元素不设置宽度，给它左右内边距，不会撑宽盒子，只会影响它的内容焦点图的小点点量的时候给最后一个多量点就不用清除使用l0+r0时不用transform但是自身必须要有宽高在用转义符>时候可以换个字体样式给为宋体simsum盒子模型就是把HTML页面中的布局元素看作是一个矩形的盒子，也就是一
sayhelloworld·2023-06-23 05:08

CSS基础

一、样式表1、内联样式2、内部样式表注意:每个CSS样式由两部分组成，即选择符和声明，声明又分属性和属性值;属性必须放在花括号中，属性与属性值用冒号连接;属性和属性值，组成的叫做声明;一个属性可以有多个属性值;属性和属性之间没有顺序区分;每个声明用’;’分号结束;书写样式过程中，空格、换行等操作都不会影响到属性的显示;3、外部样式表备注内联样式表的优先级别最高【有属性冲突时才涉及到优先级，如果没有
铅笔与旧友·2023-06-23 05:04

Web安全——DIV CSS基础

DIVCSS基础一、DIV和CSS样式二、样式表类型2.1嵌入样式表2.2外部样式2.3内联样式三、注释四、样式选择器组合选择器五、背景六、边框七、文字属性八、文本属性九、列表十、超链接十一、盒子模型十二
君衍.⠀·2023-06-23 02:56

css基础（一）

目录思维导图一、css简介1.1css语法规范1.2css代码规格1.样式格式书写2.样式大小写3.空格规范二、css选择器2.1CSS选择器的作用2.2选择器分类2.3标签选择器2.4类选择器2.4类选择器-多类名2.5id选择器2.6通配符选择器2.7基础选择器总结三、CSS字体属性3.1字体系列3.2字体大小3.3字体粗细3.4文字样式3.5字体复合属性3.6字体属性总结四、CSS文本属性4
上半场结束，中场已休息，下半场ing·2023-06-22 21:58

scss基础语法的简单使用

1.变量声明及使用$color:red;.box{color:$color;}2.mixin和include2.1简单使用$bgColor:red;@mixinbg{background:$bgColor;}.box{@includebg;}编译结果：.box{background:red;}2.2进阶使用$namespace:'zz';@mixinB($name){$aaa:$namespace
·2023-06-22 11:06

软件前端开发的学习路线

学习前端开发是一个逐步深入的过程，以下是一个从小白到熟练前端开发者的学习路线：掌握HTML和CSS基础知识：学习HTML标记语言，了解标签的基本用法和语义化。
绝顶少年·2023-06-22 10:56

css基础知识五：CSS中，有哪些方式可以隐藏页面元素？区别?

一、前言在平常的样式排版中，我们经常遇到将某个模块隐藏的场景通过css隐藏元素的方法有很多种，它们看起来实现的效果是一致的但实际上每一种方法都有一丝轻微的不同，这些不同决定了在一些特定场合下使用哪一种方法二、实现方式通过css实现隐藏元素方法有如下：display:nonevisibility:hiddenopacity:0设置height、width模型属性为0position:absolute
小爱同学-Allen·2023-06-22 07:15

css基础知识六：谈谈你对BFC的理解？

一、是什么我们在页面布局的时候，经常出现以下情况：这个元素高度怎么没了？这两栏布局怎么没法自适应？这两个元素的间距怎么有点奇怪的样子？归根究底是元素之间相互的影响，导致了意料之外的情况，这里就涉及到BFC概念BFC（BlockFormattingContext），即块级格式化上下文，它是页面中的一块渲染区域，并且有一套属于自己的渲染规则：内部的盒子会在垂直方向上一个接一个的放置对于同一个BFC的俩
小爱同学-Allen·2023-06-22 07:44

学习Web Worker

文章目录1.前置知识1.1.进程:1.2.线程:1.3.JavaScript基础知识：1.4.HTML和CSS基础知识：1.5.浏览器基础知识：1.6.AJAX和JSON基础知识：2.WebWorker
剑九 六千里·2023-06-21 16:16

2019-07-11 css基础11到22

知识点字体综合设计font属性用于对字体样样式进行综合设置，其基本语法格式如下：选择器{font：font-stylefont-weightfont-size/line-heightfont-family;}使用font属性时，必须按上面语法格式中的顺序书写，不能更换顺序，各个属性以空格隔开。注意：其中不需要设置的属性可以省略（取默认值），但必须保留font-size和font-family属性，
睡到自然醒_52·2023-06-21 12:14

2019-03-19

CSS基础——选择器1.每一条css样式声明（定义）由两部分组成，形式如下：选择器{样式;}2.在{}之前的部分就是“选择器”，“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素
陈余晖·2023-06-21 00:39

CSS查缺补漏之《选择器的复杂用法》

最近在复盘CSS基础知识，发现很多CSS选择器里面还是大有学问，需要详细总结一番，以备差缺补漏~作为CSS基础的一大类别，选择器又分为多种类别，本篇内容默认读者已了解并掌握基础选择器【通配符选择器】、【
迷糊的小小淘·2023-06-20 14:41

高频前端面试题汇总之CSS篇

一、CSS基础1.CSS选择器及其优先级选择器格式优先级权重id选择器#id100类选择器#classname10属性选择器a[ref=“eee”]10伪类选择器li:last-child10标签选择器
前端鼓励师·2023-06-20 11:20

教你用Vue2如何做过渡&动画效果+著名动画库

总结本篇文章适合前端有一定基础的小伙伴，当然，对此篇文章感兴趣也可以提前了解，阅读大概耗时3分钟前言2022年了，是时候为自己的知识库加一些13效果出来了（当你分享给身边的人时一定是满眼的崇拜，多香），学过CSS
张浔·2023-06-20 07:51

CSS基础学习--21 图片廊

一、使用CSS创建图片廊CSS基础学习-图片div.img{margin:5px;border:1pxsolid#ccc;float:left;width:180px;}div.img:hover{border
yyxhzdm·2023-06-20 05:26

CSS基础学习--22 图像透明/不透明

一、透明度属性CSS3中属性的透明度是opacity正常的图像相同的图像带有透明度：img{opacity:0.4;filter:alpha(opacity=40);/*IE8及其更早版本*/}备注：Opacity属性值从0.0-1.0。值越小，使得元素更加透明。IE8和早期版本使用滤镜：alpha（opacity=x）。x可以采取的值是从0-100。较低的值，使得元素更加透明。二、图像的透明度-
yyxhzdm·2023-06-20 05:50

盒子模型、浮动、文本相关样式

本章我们将深入学习开发人员如何通过CSS基础来创建自己的视觉设计。盒子模型wKgA3V-0iimAcVg-AABxjHwYCcs
哇有米·2023-06-20 03:56

css基础知识三：说说em/px/rem/vh/vw的区别?

一、介绍传统的项目开发中，我们只会用到px、%、em这几个单位，它可以适用于大部分的项目开发，且拥有比较良好的兼容性从CSS3开始，浏览器对计量单位的支持又提升到了另外一个境界，新增了rem、vh、vw、vm等一些新的计量单位利用这些新的单位开发出比较良好的响应式页面，适应多种不同分辨率的终端，包括移动设备等二、单位在css单位中，可以分为长度单位、绝对单位，如下表所指示这里我们主要讲述px、em
小爱同学-Allen·2023-06-19 04:25

css基础四：说说设备像素、css像素、设备独立像素、dpr、ppi 之间的区别？

一、背景在css中我们通常使用px作为单位，在PC浏览器中css的1个像素都是对应着电脑屏幕的1个物理像素这会造成一种错觉，我们会认为css中的像素就是设备的物理像素但实际情况却并非如此，css中的像素只是一个抽象的单位，在不同的设备或不同的环境中，css中的1px所代表的设备物理像素是不同的当我们做移动端开发时，同为1px的设置，在不同分辨率的移动设备上显示效果却有很大差异这背后就涉及了css像
小爱同学-Allen·2023-06-19 04:24

CSS基础学习--19 下拉菜单

一、基本下拉菜单当鼠标移动到指定元素上时，会出现下拉菜单下拉菜单实例.dropdown{position:relative;display:inline-block;}.dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;box-shadow:0px8px16px0pxrg
yyxhzdm·2023-06-18 19:34

CSS基础学习--20 提示工具(Tooltip)

一、定义提示工具在鼠标移动到指定元素后触发，总共四种样式实例：二、基础提示框(Tooltip)提示框在鼠标移动到指定元素上显示CSS基础学习-提示框.tooltip{position:relative;
yyxhzdm·2023-06-18 19:34

CSS基础学习--18 导航栏

导航条基本上是一个链接列表，所以使用和元素非常有意义CSS基础学习-导航栏主页新闻联系关于注意：这里我们用href="#"作为测试连接。但在一个真正的web站点上需要真实的url。
yyxhzdm·2023-06-18 19:31

CSS基础

day03-CSS基础目标：掌握CSS属性基本写法，能够使用文字相关属性美化文章页。
明裕学长·2023-06-18 10:05

CSS基础扫盲——CSS选择器（前端学习&&拾遗）

CSS基础扫盲-CSS选择器为什么会有CSS选择器一个HTML文件由很多HTML标签构成，我们有很多CSS规则或者描述文件让这些HTML长得异常炫酷。但是问题是我们如何找到这些HTML标签？
TerryD·2023-06-18 09:27

CSS基础学习--14 Position(定位)

一、定义position属性指定了元素的定位类型position属性的五个值：staticrelativefixedabsolutesticky元素可以使用的顶部，底部，左侧和右侧属性定位。然而，这些属性无法工作，除非是先设定position属性。他们也有不同的工作方式，这取决于定位方法。二、static定位HTML元素的默认值，即没有定位，遵循正常的文档流对象。静态定位的元素不会受到top,bo
yyxhzdm·2023-06-18 03:47

CSS基础学习--16 Float(浮动)

一、定义CSS的Float（浮动），会使元素向左或向右移动，其周围的元素也会重新排列。Float（浮动），往往是用于图像，但它在布局时一样非常有用。元素的水平方向浮动，意味着元素只能左右移动而不能上下移动。一个浮动元素会尽量向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。浮动元素之后的元素将围绕它。浮动元素之前的元素将不会受到影响。如果图像是右浮动，下面的文本流将环绕在它左边：C
yyxhzdm·2023-06-18 03:47

CSS基础学习--17 布局 - 水平 & 垂直对齐

元素通过指定宽度，并将两边的空外边距平均分配：CSS基础学习-元素居中.center{margin:auto;width:60%;border:3pxsolid#73AD21;padding:10px;
yyxhzdm·2023-06-18 03:47

CSS基础学习--15 CSS布局 - Overflow

CSS基础学习-overflow#overflowTest{background:#4CAF50;color:white;padding:15px;width:80%;height:100px;overflow
yyxhzdm·2023-06-18 03:43

小程序开发-前端基础知识（上）

学习者将会学到：HTML标签的含义与用法CSS基础样式的应用JavaScript语言的基础语法与常见操作理解并掌握基础前端知识是开发小程序的前提，也是成为优秀前端开发工程师的基础。
爱吃虾的多多·2023-06-17 17:13

css基础(3)----左右布局

1.左右布局如果有以下html结构，设置左右两栏布局设置浮动：左右布局常用的方法就是为子元素设置浮动，然后在其父元素上使用clearfix类清除浮动。示例.clearfix::after{content:"";display:block;clear:both;}.leftChild,.rightChild{float:left;}设置position绝对定位：为父元素设置position:rela
Coding破耳·2023-06-17 13:31

前端-02 CSS基础

1简介1.1CSS语法语法选择器：HTML元素生命块：用;隔开的各种声明{a;b}每条声明有CSS属性名称和值，用冒号分割{属性:值;属性:值}案例整块代码body{background-color:lightblue;}h1{color:white;text-align:center;}p{font-family:verdana;font-size:20px;}我的第一个CSS实例这是一个段落。
:Concerto·2023-06-17 11:35

css基础 tt（2015.10.23）

Document1、盒模型2、定位3、浮动4、文本盒模型width/heightmargin/paddingbox-sizing:content-box/border-boxdisplay定位(文档流)position:static/inhreit/relative/absolute/fixedz-indextop/right/bottom/left浮动(文档流)float:left/rightc
Up鹏鹏·2023-06-17 11:23

css基础05-盒子模型

盒子模型所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距（padding）、边框（border）和外边距（margin）组成。盒子模型特性：每个盒子都有：边界、边框、填充、内容4个属性；每个属性都包括4个部分：上、右、下、左。属性的4部分可以同时设置，也可以分别设置。盒子模型.png盒子的宽度=width+padding-left
释梦石·2023-06-16 20:22

CSS基础测试

CSS基础测试一.判断题（共21题，105.0分）二.多选题（共14题，70.0分）三.单选题（共19题，95.0分）一.判断题（共21题，105.0分）(判断题,5.0分)CSS（Cascadingstylesheets
qing影·2023-06-15 20:52

【CSS 08】display 控制布局 块级元素 行内元素 隐藏元素 结合JS 最大宽度 浏览器窗口 定位 position z-index 堆叠

CSS说在前面displaymax-widthposition说在前面CSS基础教程系列已经结束，接下来就是中级教程，让我们跟上脚步，继续努力吧！
Zanebla·2023-06-15 20:20

【CSS】CSS基础知识

选择器element直接选择全部的元素如：div，选择所有的div元素#id选择某一id的元素如：#title，选择id为title的元素.class选择包含某个class的部分元素如：.item，选择class为item的元素（以下三个全选）.item选择class包含item的元素（以下三个全选）同时满足.item.blue选择class为item及blue的元素（1和3）div.blue选择
polarday.·2023-06-15 17:45

Bootstrap实战 - 瀑布流布局

练习本案例需有HTML/CSS基础。一、案例介绍瀑布流是近几年流行起来的一种网页布局，视觉表现为参差不齐的多栏布局，本案例便是使
后除·2023-06-14 21:44

【前端基础篇】CSS选择器 和 CSS属性

CSS文件进行开发，然后将这个独立CSS文件引入到需要的HTML文件中引入CSS的好处达到结构与样式的分离，后期维护更加方便；浏览器兼容性更好；代码更加简洁，一个CSS文件可以被多个html文件引用；CSS
MagnumHou·2023-06-14 18:11

CSS 基础

CSS基础CSS（CascadingStyleSheets，层叠样式表）是为web内容添加样式的代码。本节将介绍CSS的基础知识，并解答像这样的问题：怎样将文本设置为红色？
bmseven·2023-06-14 17:00

CSS基础学习--12 分组 和 嵌套 选择器

在下面的例子中，我们对以上代码使用分组选择器：CSS基础学习-分组与嵌套选择器h1,h2,p{color:green;}HelloWorld!Smallerheading!Thisisaparag
yyxhzdm·2023-06-14 08:28

CSS基础学习--13 Display(显示) 与 Visibility（可见性）

一、定义display属性设置一个元素应如何显示visibility属性指定一个元素应可见还是隐藏二、隐藏元素-display:none或visibility:hidden隐藏一个元素可以通过把display属性设置为"none"，或把visibility属性设置为"hidden"。但是请注意，这两种方法会产生不同的结果：1、visibility:hidden可以隐藏某个元素，但隐藏的元素仍需占用
yyxhzdm·2023-06-14 08:28

CSS基础学习--11 padding（填充）

一、定义CSSpadding（填充）是一个简写属性，定义元素边框与元素内容之间的空间，即上下左右的内边距。当元素的padding（填充）内边距被清除时，所释放的区域将会受到元素背景颜色的填充。单独使用padding属性可以改变上下左右的填充。padding可能的值：值说明length定义一个固定的填充(像素,pt,em,等)%使用百分比值定义一个填充二、填充-单边内边距属性在CSS中，它可以指定不
yyxhzdm·2023-06-14 08:58

CSS基础学习--10 margin(外边距)

一、定义：CSSmargin(外边距)属性定义元素周围的空间。二、marginmargin清除周围的（外边框）元素区域。margin没有背景颜色，是完全透明的。margin可以单独改变元素的上，下，左，右边距，也可以一次改变所有的属性。margin可能得值：值说明auto设置浏览器边距。这样做的结果会依赖于浏览器length定义一个固定的margin（使用像素，pt，em等）%定义一个使用百分比的
yyxhzdm·2023-06-14 08:58

css基础问题

介绍css的盒子模型css的盒子模型有两种：IE盒子模型，W3C盒子模型盒子模型：内容(content),内边距(padding),边框(border),外边距(margin);IE盒子模型：宽度=内容的宽度(content+padding+border)+margin;W3C盒子模型:宽度=内容的宽度(content)+padding+border+margin;可以通过box-sizing来控
5b5072cc2c5b·2023-06-14 06:53

Python-web开发学习笔记（4）：CSS基础

Python-web开发学习笔记系列往期文章：Python-web开发学习笔记（1）---HTML基础Python-web开发学习笔记（2）---HTML基础Python-web开发学习笔记（3）：FlaskDemo，一个网站开发小案例通过对HTML的学习，我们一起了解了HTML的相关基础知识。从本篇文章开始，我们又要一起学习前端另一个重要的知识板块：CSS。目录1.快速了解css2.CSS使用方
尚拙谨言·2023-06-13 21:57
上一页 6 7 8 9 10 11 12 13 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他