css学习

css 学习笔记二 使用相对单位

css学习笔记二使用相对单位相信每一个程序员都希望自己写的程序足够健壮，能够应对多种情况的变化，而不是一有什么变化就跑去修改自己的程序(立即放弃写代码)，相信相对单位可以解决你的部分问题em介绍em是最常见的相对单位
yuzuki·2020-12-28 12:09

CSS的三种基础选择器

示例：下面是一段html代码：CSS学习学习我爱学习，学习使我快乐。如果我们要为这两个标签定义CSS样式，就可以直接在.css文件内通过标签选择器来声明样式：h3{color:red;}p{co
QXXXD·2020-12-26 11:03

CSS学习笔记一 层叠，优先级和继承

层叠与优先级当多个选择器选择了html中的同一个元素时，并且定义了冲突的属性，不去写代码验证的情况下，应该怎么确定哪个选择器定义的属性会生效？例如：Documenth1{color:black;}#title{color:orange;}.nav{color:red;}HelloWorld如果你去验证的话，会发现是ID选择器生效了！当我们注释掉ID选择器时，会发现class选择器生效了。从这个例子
yuzuki·2020-12-21 11:02

HTML+CSS学习笔记（篇幅较大）

HTML+CSSHtML超链接锚链接1.需要一个锚标记2.跳转到标记如：顶部回到顶部##行内元素和块元素行内元素内容撑开宽度，左右都是行内元素的可以排在一行a.strong.em…块元素无论内容多少，该元素独占一行p、h1-h6…列表有序列表javac/c++python无序列表javac/c++python自定义列表标题内容1内容2内容3内容4位置四川重庆贵州表格基本结构单元格行列跨行跨列音频和
若相知丶·2020-12-06 14:46

HTML6&CSS学习心得

HTML6&CSS学习心得1.关于之前无法使用到div的问题，今天发现主要是因为css的目标选择器的问题，直接引用class类选择器貌似无法直接选中我想要修改的元素例如在线音乐音乐馆视频电台这是我在模仿
耐心K·2020-12-05 19:22

CSS学习----px、rpx、em、rem、%、vw、vh、vm的区别

px像素，pixel的缩写。作用：px设置固定的布局或者元素大小rpxrpx(responsivepixel)  微信小程序解决自适应屏幕尺寸的尺寸单位微信小程序规定屏幕的宽度为750rpx。解释：将屏幕的宽度分为750份，1份就是1rpxem参考物：父元素的font-size  如果自身定义了font-size，按自身计算。整个页面内1em不是固定的值。特点：1.em的值不是固定的2.em继承父
扮猪老虎吃·2020-11-16 16:16

HTML与CSS学习总结

HTML与CSS学习总结一，HTML大致学习框架是这样，具体内容有相关笔记（因为时间关系，借鉴了一起学习的同学的笔记加了自己的内容）二，CSSCSS3具体笔记还未完善三，三个学习阶段的学习成果四，困难在刚开始做淘宝页面时
weixin_46051260·2020-11-01 22:13

css学习-盒子模型

1.font:不需要设置的属性可以省略（去默认值），但是必须保留font-size和font-family属性，否则font属性将不起作用。2.em是一个相对单位，就是当前元素（font-size）一个文字的大小，如果当前元素没有设置大小，则会按照父元素的一个文字大小。盒子模型原理图原始设置padding以及margin:在a链接元素里面padding-left:20px:在a链接元素里面marg
要做一名热爱前端的攻城狮·2020-10-10 13:26

游荡的天光跟着李南江学习HTML5——CSS学习感想

上篇文章给大家讲了我关于学习HTML的一些感受。那个时候还只是学习了HTML最基本的标签以及使用方法。今天给大家谈谈这几天学CSS后的感受吧。刚开始学HTML时，有很多操作我们无法达到，因为HTML不能修改文本。所以我们要通过CSS来修改文本的样式以达到我们想要的效果。CSS里面的内容我个人感觉要比HTML难上一些。HTML只是要求记住并会运用标签。CSS里面设计很多的选择器丶定位流丶浮动的方式丶
游荡的天光·2020-10-10 04:17

CSS 类选择器和ID选择器

上一节我们学习了标签选择器，但是在使用标签选择器的时候会有一个问题，举个例子，我们先来看下面这段代码：CSS学习(9xkd.com)动物园里有什么？
知否·2020-10-09 13:25

大数据爬虫前奏之Html和Css学习

Html十分钟入门在整个大数据技术分层中，数据来源之一就是爬虫。而想要爬取更多数据，对Web的学习必不可少。Web知识主要分三大类，Html和Css、JavaScript、框架。今天主要讲关于Html的知识1.Html是什么？HTML全名是超文本标记语言，HyperTextMarkupLanguage。它是一门语言，用于文本，其中标记是它的基础。后续大家就可以看到Html主要是各类标记元素嵌套来展
闻香识代码·2020-09-17 14:28

CSS学习笔记——用户界面样式

1.鼠标样式cursor常见的鼠标样式：cursor含义default默认采用小白样式pointer小手move移动text文本选择注意：小手不要使用hand，因为火狐浏览器不支持，尽量使用pointer。2.轮廓线outline轮廓是绘制在元素周围的一条线，位于边框边缘的外围，起到突出元素的作用一般情况下，我们常常将轮廓线取消，不设置大小，outline:none/0;3.防止拖拽文本域resi
淡忘～雨季·2020-09-17 09:52

CSS学习笔记——字体样式和外观样式

1.CSS概念CSS：CascadingStyleSheets，层叠样式表或者级联样式表，主要用于设置HTML页面中的文本内容、图片外形以及版面的布局等等外观样式。2.CSS样式规则选择器{属性:值}注意：属性和属性值是以键值对的形式出现，属性与属性值之间用英语的":“隔开，多个键值对之间用英语的”;"隔开。3.CSS的字体样式font-size：设置字体的字号，属性值单位常用的是px，也可以使用
淡忘～雨季·2020-09-17 09:52

CSS学习笔记——CSS选择器样式总结

*{padding:0;margin:0;}.boxh2{//内边距左边的距离padding-left:10px;//内边距左边的距离padding-right:10px;//边框有无、宽度和颜色border:1pxsolid#000;//背景的高度height:100px;//背景的宽度width:100px;//背景颜色background:#87b0e1;line-height:30px;/
weixin_34112181·2020-09-17 09:16

CSS学习笔记——布局

在CSS中，定位机制有3种：1.普通文档流(Normalflow)2.绝对定位(Absolutepositioning)3.浮动(Floats)1.Normalflow在书籍或者视频中，Normalflow有许多种翻译，普通流、普通文档流、标准文档流、文档流等等，反正都是指的一个东西——Normalflow。Normalflow是网页默认的布局方式，元素的位置由元素在HTML文档中出现的位置决定，
weixin_30487201·2020-09-17 09:51

CSS学习2——文字以及图像

1.font-family，可以设置多个字体；2.font-size，设置字体大小；px是相对单位，也就是相对于1个像素的比例，根据不同显示器的分辨率而定；em、ex根据父元素的大小而同比例变化；in(英寸),cm,mm,pt(point，印刷的点数，一般1pt=1/72inch),pc(pica,1pc=12pt)，绝对长度，不会随浏览器的不同而改变；另外还可以设置为百分比；3.line-hei
dxylilac·2020-09-17 09:40

CSS 学习笔记——插入样式表

CSS学习笔记——插入样式表这些是以前学习做的笔记，现在整理一下放到博客上，清理磁盘空间啦~一、插入样式表的方法1、内联样式2、内部样式表3、外部样式表二、内联样式——inlinestyle内联样式将内容和样式表现混合在一起
jupiter_0516·2020-09-17 08:21

CSS 学习笔记——入门

CSS学习笔记——入门这些是以前学习做的笔记，现在整理一下放到博客上，清理磁盘空间啦~一、什么是CSS？
jupiter_0516·2020-09-17 08:21

CSS学习线路导读

CSS好好“表现”（presentation）1.CSS作用：美化，布局,让结构(html)和样式"css"分离2.构成：选择器{属性:值;}p{/*p是标签*/color:red;}3.CSS标签选择器(基础选择器/复合选择器)基础选择器：标签选择器类选择器id选择器通配符选择器3.1.标签选择器(用标签名作为选择器)//优点：页面中标签全部选择//缺点：不能差异化选择p{color:red;}
独特的懒人·2020-09-17 08:34

css学习笔记——css样式总结

css样式总结1、css背景属性功能属性值background-color填充背景颜色第一种：red第二种：#ff00ff第三种：rgb(0,0,255)background-image以指定的图片来作为背景url(D:/image/test.jpg)或者url(http://www.blueidea.com/img/common/bi_logo.png)background-repeat设置背景
weixin_30940783·2020-09-17 08:31

css的基本使用-05-盒子模型

盒子模型（CSS重点）css学习三大重点：css盒子模型、浮动、定位主题思路：1.网页布局的本质首先利用CSS设置好盒子的大小，然后摆放盒子的位置。最后把网页元素比如文字图片等等，放入盒子里面。
m0_46647964·2020-09-17 08:58

HTML&CSS学习笔记 纯知识点版 (尚硅谷2019李立超版)

此版为纯知识点无练习笔记版本目录1.HTML基础1.1网页的结构1.2HTML中的"实体"1.3meta标签1.4语义化标签1.7列表1.8超链接1.9图1.10内联框架1.11音视频2.CSS基础2.1CSS简介2.2CSS基本语法2.3CSS选择器基础2.4CSS的复合选择器2.5关系选择器2.6属性选择器2.7伪类选择器2.8`a`元素的伪类选择器2.9伪元素选择器2.10样式的继承2.11
Liukairui·2020-09-17 02:19

【CSS】!important并非最强

微信订阅号：Rabbit_svip在CSS学习过程中，一个不可避免的知识点就是CSS优先级问题，也可以说CSS特制度问题。
Rabbit_D·2020-09-17 02:45

HTML+CSS学习笔记

HTML1.a标签:使用CSS设置超链接样式a:link未单击访问时超链接样式a:link{color:wheat;}a:visited单击访问后超链接样式a:visited{color:greenyellow;}a:hover鼠标悬浮其上的超链接样式a:hover{color:red;}a:active鼠标单击未释放的超链接样式a:active{color:#000;}2.背景图片如何插入背景图
ni的学长·2020-09-17 00:51

视频教程-HTML5和CSS3-HTML5/CSS

张晨光¥12.00立即订阅订阅后：请点击此处观看视频课程视频教程-HTML5和CSS3-HTML5/CSS学习有效期：永久观看学习时长：265分钟学习计划：5天难度：中「口碑讲师带队学习，让你的问题不过夜
weixin_30290791·2020-09-16 19:31

CSS学习之轮播效果（附源代码免费下载）

文章目录一、效果说明1.左边这种图片自动切换也可手动切换的形式2.右公告栏的形式，鼠标处于不同的标题就显示不同的内容二、实现思路1、图片轮播的实现思路2、公告栏形式轮播思路二、HTML代码三、CSS代码四、js代码五、感谢阅读一、效果说明如图所示，我们一般看到的轮播效果有两种1.左边这种图片自动切换也可手动切换的形式①当我们鼠标不动时，图片没搁几秒自动切换至下一张②当我们鼠标覆盖图片下面的文字时，
Rnight阿布·2020-09-16 09:55

CSS学习笔记

层叠样式表（CascadingStyleSheets，CSS）用于为HTML元素指定样式，从而使得内容与表现分离CSS系列文章整理如下，有不足之处还请多多指正：CSS学习笔记(一)基本介绍CSS学习笔记
半虹·2020-09-16 04:04

CSS学习笔记-【属性、元素、层级选测器和伪类】AND 2018-11-22（22:15）

一、属性和元素选择器1.属性选择器：在标签后加入需要使用样式的type及属性例如：input[type="text"]{background:purple;border:solidaquamarine;}2.元素选择器这是最常见的选择器，简单说，文档中的元素就是选择器例如:div{width:500px;/*横向长度*/height:300px;/*竖向长度*/color:fuchsia;bord
重新学习的灰烬·2020-09-16 04:18

CSS学习笔记-ID和类选择器使用 AND 2018-11-21（22:15）

一、ID选择器：ID选择器使用（#）引入，它引用的是ID属性中的值。HTML中标签属性ID的属性可以重复的。二、类选择器：类选择器使用（.）引入，它引用的是class属性中的值。注释：在项目中，给标签添加属性一般都是通过类选择器。具体代码：ID和类选择器#div1{border:solidred;}#div2{color:royalblue;}#div3{color:darkkhaki;}.hah
重新学习的灰烬·2020-09-16 04:17

CSS学习笔记-CSS介绍 AND 2018-11-21（21:04）

一、什么是CSS？CSS：层叠样式表（CascadingStyleSeets）样式定义了如何显示HTML元素。1.样式通常存储在样式表（.css文件、css区域）中。2.把样式添加到HTML中，是为了解决内容与表现分离的问题。3.外部样式表可以极大提高工作效率。4.外部样式表通常储存在CSS文件中。5.多个样式定义可层叠为一。二、CSS的作用是什么？1.样式表解决了HTML内容与表现的分离。2.使
重新学习的灰烬·2020-09-16 04:17

CSS学习笔记-CSS的优先级问题 AND 2018-11-21（21:58）

一、优先级问题内联样式表>内部样式表>外部样式表：就近原则例如：CSS优先级div{color:pink;border:soliddarkgreen;}今天阳光明媚
重新学习的灰烬·2020-09-16 04:17

CSS学习问答之“为什么样式和结构要分开呢”？

学习自网易云课堂CSS是英语CascadingStyleSheets（层叠样式表单）的缩写，它是一种用来表现HTML或XML等文件样式的计算机语言。CSS目前最新版本为CSS3，能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象盒模型的能力，并能够进行初步交互设计，是目前
hu-flyyafly·2020-09-16 03:15

CSS学习笔记(三) 样式声明

在这篇文章中你能看到有关于CSS样式设置的常用属性，文章的目录如下：文章目录1、背景（1）背景颜色（2）背景图片（3）背景重复（4）背景位置（5）背景大小2、文本（1）文本颜色（2）行间间隔（3）字间间隔（4）文本对齐（5）处理空白（6）文本阴影（7）文本修剪3、字体（1）字体系列（2）字体风格（3）字体加粗（4）字体大小4、轮廓（1）颜色（2）样式（3）宽度（4）简写属性1、背景（1）背景颜色可
半虹·2020-09-16 02:36

CSS学习笔记-【内联样式、内部样式、外部样式表】 AND 2018-11-21（21:18）

一、内联样式1.在DIV标签中添加内联样式。添加style属性。在style中属性和值得表示方法为：style=“属性:值;属性:值”;例如：内联样式表二、内部样式内部样式表/*写样式*/div{color:red;/*边框：边框粗细、边框样式（dashed虚线、solid实线）边框的颜色*/border:1pxsolidblack;}内部样式表内部样式表2以以上代码为例：将内部样式写在head标
重新学习的灰烬·2020-09-16 02:25

[CSS学习笔记]盒子模型

MDN官方文档(来自goodle翻译，部分不通顺语句有修改)布局文档时，浏览器的渲染引擎根据标准CSS基本框模型将每个元素表示为一个矩形框。CSS确定这些框的大小，位置和属性（颜色，背景，边框大小等）。每个盒子由四个部分（或区域）组成，分别由它们各自的边缘定义：内容边缘(content)，填充边缘(padding)，边框边缘(border)和边距边缘(margin)。以内容边缘为边界的内容区域包含
魔法的可乐·2020-09-15 15:15

[CSS学习笔记]浮动和高度塌陷

浮动和高度塌陷浮动floatCSSDemo:floatfloat属性值例子：浮动元素如何定位高度塌陷高度塌陷的例子如何解决高度塌陷问题BFC(BlockFormattingContext)块级格式化环境clear属性解决高度塌陷的好方案：after伪类与clear结合关于clearfix浮动floatCSS属性float设置容器的左侧或右侧的元素，使文本和内联元素环绕它。尽管仍保留了流的部分，但该
魔法的可乐·2020-09-15 15:15

CSS学习笔记03 CSS层叠性、继承性、特殊性

层叠性所谓层叠性是指多种CSS样式的叠加，也就是说后面设置的样式会层叠（覆盖）之前的样式，层叠性的前提是CSS的选择器的优先级相同，例如，当使用内嵌式CSS样式表定义标记字号大小为12像素，链入式定义标记颜色为红色，那么段落文本将显示为12像素红色，即这两种样式产生了叠加。123456CSS层叠性78.box{9background-color:red;10height:200px;11width
weixin_34220963·2020-09-15 15:27

前端html与css学习笔记总结篇(超详细)

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

CSS学习笔记-CSS的优先级+继承性（四）

css继承特性CSS继承性HTML文档以树形结构进行组织，各元素之间是一种层次关系，这种层次关系同样反映在样式表的应用中。具有层次关系的元素之间，内层元素将继承外层元素的样式，多个外层元素中定义的样式将叠加到内层元素。HTML中，是其他元素的容器，是其他元素的最外层元素，所以元素中定义的样式将影响其他所有元素的显示格式。具有继承的CSS属性文本相关的属性是继承的text-align、color、t
程序猿hu·2020-09-15 14:30

层叠样式表CSS学习笔记

CSS学习笔记01.什么是CSS.CSS指层叠样式表(CascadingStyleSheets).
gyming·2020-09-15 14:49

CSS学习笔记（五）：居中显示

水平居中显示水平居中显示又分为行内元素的居中显示和块状元素的居中显示，块状元素中又分为定宽状元素，以及不定宽状元素行内元素的水平居中显示类似于文本、图片等行内元素的水平居中设置，是通过给父元素设置text-align:center来实现的例如，文本“居中显示”想要被居中显示居中显示则文本“居中显示”为div的子元素，我们可以通过设置div的text-align属性来完成对于文本水平居中显示的设置.
amber053·2020-09-15 13:12

html+css学习总结1

思维导向图学习心得：经过两天“高强度”的学习，对网页设计有了一个初步的认识，了解了网页设计的一个语言——HTML。学习了Html的格式，标签，以及css的样式，还有定位。对HTML的了解更深了一步，不仅仅局限于以前的思考方式，而且还要懂得变通。顺便，得加强自己的动手能力，在学习的过程中不断地练习，从而一步步的充实自己。
临安号，遗忘的加速度·2020-09-15 12:49

CSS中三种定位介绍

在这段时间对CSS学习中到今天也终于能收个尾了，小编这篇会对CSS中的3种定位做一个详细介绍1.相对定位相对定位：相对于自己原来的位置进行移动。
司_尘·2020-09-15 11:42

CSS学习(四)CSS选择符详解

CSS属性和选择符css的语法结构仅仅有三部分组成：选择符（Selector）、属性（property）、和值（value）。使用方法：selector{Property:value;}选择符（Selector）指这组样式编码所要针对的对象，可以是一个XHTML标签，如body,h1；也可以是定义了特定的ID或CLASS的标签，如#main选择符表示选择，即一个被指定了main为id的对象。浏览器
dduvk21111·2020-09-15 10:42

CSS学习（3）--class和id、span和div

1class，用于对同一类型html元素进行分类例：有下面两个列表列表一1112列表二2122现在要让列表一中的条目都显示为红色，列表二中的条目都显示为橙色，需要通过class将li分类，代码如下列表一1112列表二2122在css文件中如下设置样式：li.redcolor{color:red;}li.orangecolor{color:orange;}如上例所示，可以通过元素.classname
倒脚不算踢球·2020-09-15 10:20

HTML之盒子模型

>第01阶段.前端基础.盒子模型#盒子模型（CSS重点）css学习三大重点：css盒子模型、浮动、定位主题思路：目标：-理解：-能说出盒子模型有那四部分组成-能说出内边距的作用以及对盒子的影响-能说出padding
yihanyifan·2020-09-15 09:56

视频教程-web前端经典教程之电商专题页开发-HTML5/CSS

，授课风格明显的特点就是旁证博引，喜欢用大型互联网企业的相关的案例来讲某个知识点……蒋新合¥299.00立即订阅订阅后：请点击此处观看视频课程视频教程-web前端经典教程之电商专题页开发-HTML5/CSS
weixin_28783517·2020-09-15 01:28

视频教程-html+css实战2-HTML5/CSS

css实战2螺钉课堂讲师，擅长Vue、React、ReactNative、NodeJS等前端框架及技术邓老师¥49.00立即订阅订阅后：请点击此处观看视频课程视频教程-html+css实战2-HTML5/CSS
weixin_32174809·2020-09-14 20:37

CSS学习三~~相对定位，绝对定位，兼容性基础

CSS浮动和清除Float：元素浮动，取值：left或right（1）浮动元素可以向左或向右浮动，浮动到包围元素的边框或上一个浮动元素的边上为止；（2）元素浮动起来后，所占的空间就消失了，浮动元素的层级要高于普通元素；（3）任何元素都可以浮动，浮动元素将变成“块元素”，不管原来是什么元素；块元素，具有width和height属性，而行内元素默认width和height不起作用。提示：元素浮动，可以
Carlos__z·2020-09-14 08:02

实用简单的css3动画效果插件animate.css学习记录

实用简单的css3动画效果插件animate.css学习记录被同事种草了一款css3动画插件，非常简单且实用。还没用过的小伙伴赶紧点击官网尝试一下,10分钟就能学会还在等什么!
我要当极客·2020-09-13 23:58
上一页 5 6 7 8 9 10 11 12 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他