HTML&CSS学习

CSS学习16--CSS高级技巧：用户界面样式、精灵技术、字体图标、滑动门

CSS高级技巧一、用户界面样式1.鼠标样式cursor2.轮廓outline3.防止拖拽文本域resize4.vertical-align垂直对齐5.去除图片底侧空白缝隙6.溢出文字隐藏二、精灵技术sprite1.精灵技术产生背景2.精灵技术的本质3.精灵技术的使用4.制作精灵图三、字体图标1.字体图标优点2.字体图标使用流程3.追加新图标四、滑动门1.滑动门的背景2.核心技术3.技术实现一、用户
乌鸦不像写字台·2024-09-12 22:12

CSS学习18--伸缩布局

伸缩布局一、伸缩布局二、属性设置一、伸缩布局给父级display:flex;给孩子flex:1;自由变动section{width:1000px;height:200px;border:1pxsolidpink;margin:100pxauto;/*父级盒子添加f1ex*/dispLay:flex;/*伸缩布局模式*/}sectiondiv{height:100%;/*flex:1子盒子添加份数*
乌鸦不像写字台·2024-09-11 23:11

CSS学习14[重点]--定位、边偏移、定位模式

定位前言一、定位二、定位模式1.静态定位static2.相对定位relative3.绝对定位absolute4.子绝父相5.绝对定位的盒子水平居中6.固定定位（fixed）7.叠放次序（z）三、四种定位总结四、定位模式转换前言为什么学习定位？应用场景：图片上移动的物体、突出的部分、导航栏…一、定位边偏移top:100px;bottom:;left:;right:;定位模式选择器{position:
乌鸦不像写字台·2024-09-11 23:41

CSS学习1

CSS前言一、类选择器二、id选择器三、通配符选择器四、伪类选择器1.链接伪类选择器2.结构（位置）伪类选择器3.目标伪类选择器前言CSS：层叠样式表样式规则：选择器{属性：值；属性：值；}一、类选择器类选择器：“.名字{属性：值}”多类名选择器：html选择器中的class可以放多个值，多个类名没有先后顺序。空格隔开即可。注意：名字最好用英文字字母表示，可以加-类选择器.c-red{color:
乌鸦不像写字台·2024-09-04 22:53

CSS学习6

CSS背景一、背景颜色和图片二、背景位置三、背景附着四、背景简写五、背景透明六、背景缩放七、多背景八、凹凸文字九、导航栏例子一、背景颜色和图片background-color:pink;背景颜色backgroundoimage:url(##.jpg);背景图片background-repeat:平铺repeat-x横向平铺，repeat-y纵向平铺；平铺不到的地方显示背景颜色。div{width:
乌鸦不像写字台·2024-09-01 08:22

CSS学习7

三大特性前言一、层叠性二、继承性三、优先级前言CSS三大特性：层叠性，继承性，优先级。一、层叠性层叠性：多个样式的叠加。如果样式冲突，遵循就近原则，哪个离结构近执行哪个。如果样式不冲突，不会重叠。div{color:pink;font-size:12px;}div{color:blue;}二、继承性继承性，子标签继承父标签的样式。子承父业。可以继承的有：text-，font-，line-开头的元素
乌鸦不像写字台·2024-09-01 08:22

CSS学习5

复合选择器前言一、交集选择器二、并集选择器三、后代选择器四、子元素选择器五、属性选择器六、伪元素选择器（css3）前言复合选择器是由两个或多个基础选择器组成的。一、交集选择器由两个选择器构成，第一个为标签选择器，第二个为class选择器，两个选择器之间不能有空格。使用较少，不建议。.red{color:red;}p.red{font-size:12px;}12234二、并集选择器如果样式完全相同或
乌鸦不像写字台·2024-09-01 08:22

CSS学习4[重点]

标签显示模式一、块级元素（block-level）二、行内元素（inline-level）三、行内块标签（inline-block）四、显示模式转换一、块级元素（block-level）每一个块元素通常会独自占据一行或多行，可以对其设置高度、宽度、对齐等属性。常用的块级元素：div，p，h1，ul，ol特点：从新行开始有宽度、行高宽度默认页面100%可以容纳内联元素和其他元素。二、行内元素（inl
乌鸦不像写字台·2024-09-01 07:50

CSS学习

CSS全称CascadingStyleSheets一种样式表语言，为html标签修饰定义外观，分工不同CSS与HTML关系html是网页的内容css是网页的样式（结构）行内样式表只能对所在标签进行修饰，优先级最高，相对用的少微博内嵌样式表平常练习用的多，写在style标签内.p1{   color:aqua;      font-size:25px;      font-family:宋体;   
无柳丶先生·2024-08-31 06:04

第一天css学习

css层叠样式表或级联样式表设置文本样式的内容图片的外形版面的布局选择器{css属性值}font-size字体大小像素值如font-size：12px；基础选择器标签选择器类选择器id选择器类选择器.类名class=“类名”color文字颜色background-color背景颜色font-size字体大小多类名class=“值值”id选择器#one唯一元素设置通配符选择器*选定所有标签font-
59eeccf98e38·2024-08-22 07:51

CSS学习心得

CSS一、CSS简介二、CSS语法1.id选择器2.class选择器三、CSS的应用1、外部样式表2、内部样式表3、内联样式四、颜色、尺寸、对齐五、CSS文档分析1、盒子模型2、边框与边距3、定位4、溢出overflow5、浮动float6、不透明度7、组合选择器总结一、CSS简介CSS是级联样式表（CascadingStyleSheets）的缩写。HTML用于撰写页面的内容，而CSS样式定义如何
阿譹·2024-02-20 06:08

CSS学习（三）

目录：1.CSS引入方式1.1三种样式表1.2内部样式表（嵌入式引入）1.3行内样式表（内联样式表）1.4外部样式表1.5总结1.CSS引入方式1.1三种样式表1.2内部样式表（嵌入式引入）写到html页面内部，是将所有CSS代码提取出来放在里，方便控制整个页面的元素样式设置。标签理论上可以放在HTML文档的任何地方，但我们一般放在标签中。代码结构清晰，但并没有使结构与样式完全分离。1.3行内样式
学习不止，掉发不停·2024-02-20 06:53

CSS学习15：盒子阴影

文章目录1、box-shadow属性1、box-shadow属性通过box-shadow属性设置盒子阴影。box-shadow有四个值:第一个值是水平偏移量（水平阴影）：即向右的距离，阴影被从原始的框中偏移(如果值为负的话则为左)。第二个值是垂直偏移量（垂直阴影）：即阴影从原始盒子中向下偏移的距离(或向上，如果值为负)。第三个值是模糊半径（影子大小）：即在阴影中应用的模糊度。第四个值是阴影的基本颜
远近2021·2024-02-19 21:46

前端HTML5/HTML+CSS3/CSS学习笔记(六)

表单的应用认识表单创建表单认识表单注：表单”是网页上用于输入信息的区域，用来实现网页与用户的交互、沟通。例如注册页面中的用户名和密码输入、性别选择、提交按钮等都是用表单相关的标记定义的。创建表单在HTML5中，标记被用于定义表单域，即创建一个表单，以实现用户信息的收集和传递，中的所有内容都会被提交给服务器。各种表单控件与之间的表单控件是由用户自定义的，action、method为表单标记的常用属性
LHBxiaobin·2024-02-15 08:03

css学习：轮播图

轮播图写法一：定位Document*{padding:0;margin:0;list-style:none;text-decoration:none;}#wrap{width:590px;height:470px;margin:50pxauto;border:10pxredsolid;position:relative;}img{vertical-align:middle;}/*.imgs{}*/
比尔盖茨接班人班长·2024-02-15 01:36

iOS开发html+css学习之属性选择器

/*为所有具有title属性的p元素，设置一个背景颜色为黄色属性选择器-作用：可以根据元素中的属性或属性值来选取指定的元素-语法：[属性名]选取含有指定属性的元素[属性名="属性值"]选取含有指定属性值的元素[属性名^="属性值"]选取以指定内容开头的元素[属性名$="属性值"]选取以指定内容结尾的元素[属性名*="属性值"]选取以包含指定内容的元素//p[title]{background-co
程序大猩猩·2024-02-13 14:58

re:从0开始的CSS学习之路 11. 盒子垂直布局

1.盒子的垂直布局的注意若两个“相邻”垂直摆放的盒子，上面盒子的下外边距与下面盒子的上外边距会发生重叠，称为外边距合并若合并后，外边距会选择重叠外边距的较大值若两个盒子具有父子关系，则两个盒子的上外边距会发生重叠，若改变盒子的上外边距，父子盒子都会随之移动位置三种解决办法：1.可以为父元素添加边框2.可以为父元素添加内边距3.为父元素添加overflow:hidden;学习完浮清除动元素的最终解决
扶摇|·2024-02-13 05:33

re:从0开始的CSS学习之路 9. 盒子水平布局

0.写在前面过年也不能停止学习，一停下就难以为继，实属不应1.盒子的水平宽度当一个盒子出现在另一个盒子的内容区时，该盒子的水平宽度“必须”等于父元素内容区的宽度盒子水平宽度：margin-left+border-left+padding-left+width+padding-right+border-right+margin-right若强行设置盒子的水平宽度不等于父元素内容区的宽度时，这种情况称
扶摇|·2024-02-10 19:42

re:从0开始的CSS学习之路 10. 盒子模型的溢出

1.盒子模型的溢出父子两个盒子，子盒子的宽度或高度，大于父盒子，则子盒子多余的部分会在父盒子之外进行显示多余的部分，称为“溢出的部分”overflow属性，可以设置父元素如何处理溢出的内容可选值visible不会处理溢出部分（默认值）hidden溢出的内容隐藏scroll为父元素添加滚动条auto会根据需要自动的添加滚动条示例如下：Document.father{width:200px;heigh
扶摇|·2024-02-10 19:41

iOS开发html+css学习之元素的层级

.box1{width:200px;height:200px;background-color:red;position:relative;z-index:2;}.box2{width:200px;height:200px;background-color:yellow;/*开启绝对定位，脱离文档流*/position:absolute;/*设置偏移量*/top:100px;left:100px;
程序大猩猩·2024-02-09 09:52

re:从0开始的CSS学习之路 8. 浏览器默认样式

1.默认样式浏览器会有一个默认样式，body标签会有自带一个8px的margin属性。在布局的时候通常不想要浏览器的默认样式，因此可以先清除一下浏览器提供的默认样式示例如下：Browserdefaultstyle.box1{width:200px;height:200px;background-color:#c7decc;}*{margin:0;/*padding:0;*/}注：padding其实
扶摇|·2024-02-09 04:50

re:从0开始的CSS学习之路 7. 盒子模型

1.盒子模型盒子模型（boxmodel）：可以把HTML中所有的元素都理解成盒子，用于装内容的容器目的就是为了将HTML文档中的内容进行归纳整理，方便管理，从而达到布局的效果内容区content边框border内边距padding外边距margin1.内容区content元素中所有的子元素和文本等都在内容区中排列内容区的大小使用width和height属性设置width设置内容区的宽度height
扶摇|·2024-02-09 04:20

re:从0开始的CSS学习之路 3. CSS三大特性

0.写在前面很多的学习其实并不知道在学什么，学一个新东西学着学着就变成了抄代码，背概念。把看视频学习变成了一个赶进度的任务，到头来只学到了一些皮毛。文章目录0.写在前面1.CSS三大特性——层叠性2.CSS三大特性——优先级3.CSS三大特性——继承性1.CSS三大特性——层叠性层叠性：相同选择器（同等权重）对同一个元素设置样式时不冲突的样式：样式都生效冲突的样式：会根据“就近原则”，书写位置接近
扶摇|·2024-02-08 16:17

re:从0开始的CSS学习之路 4. 长度单位

1.长度单位像素px：一个像素就是屏幕中一个不可分割的点。我们应用的屏幕实际上是由一个个的像素点构成的。不同显示器的像素点大小也不同，在屏幕尺寸相同的情况下，像素越小，显示效果越清晰。大部分浏览器默认字体大小是16px百分比%：相对于父元素相同样式大小的百分比进行计算优点：当父元素大小发生变化时，子元素的大小也会按比例进行调整相对于字体大小单位em：相对于当前元素字体大小进行计算1em=当前字体大
扶摇|·2024-02-08 16:17

re:从0开始的CSS学习之路 5. 颜色单位

0.写在前面没想到在CSS里也要再次了解这些颜色单位，感觉回到了大二的数字图像处理，可惜现在已经大四了，感觉并没有学会什么AI的东西1.颜色单位预定义颜色名：HTML和CSS规定了147种颜色名。例如：redyellowgreenblueRGB颜色值rgb(red,green,blue)：括号中每个参数代表对应颜色的浓度浓度值是0-255之间的整数，0表示无浓度，255表示最大浓度也可以使用百分比
扶摇|·2024-02-08 16:15

re:从0开始的CSS学习之路 6. 字体相关属性

1.字体相关属性font-size字体大小font-family字体的系列（字体簇）可以设置多个字体，每个字体之间以逗号隔开设置多个字体的目的是为了用户尽可能的支持字体网页字体的五大类：serif衬线字体sans-serif非衬线字体monospace等宽字体cursive草书字体fantasy虚幻字体若字体名称中包含空格，则必须使用双引号font-weight字体的粗细可选值：normal正常显
扶摇|·2024-02-08 16:45

re:从0开始的CSS学习之路 1. CSS语法规则

0.写在前面现在大模型卷的飞起，感觉做页面的活可能以后就不需要人来做了，不知道现在还有没有学前端的必要。。。1.HTML和CSS结合的三种方式在HTML中，我们强调HTML并不关心显示样式，样式是CSS的工作，现在就轮到CSS的学习了。1.行内样式表将样式直接写到HTML标签的style属性中缺点：不易于维护、不可复用，可移植性极差今天天气不错挺风和日丽的可以发现如果想对每个标签都添加相同的样式，
扶摇|·2024-02-05 23:54

re:从0开始的CSS学习之路 2. 选择器超长大合集

0.写在前面虽然现在还是不到25的青年人，有时仍会感到恐慌，害怕不定的未来，后悔失去的时间，但细细想来，只有自己才知道，再来一次也不会有太多的改变。CSS的选择器五花八门，而且以后在JavaScript中也会用到，所以就把所有的选择器写到一篇文章里好了。注意：同时为了方便展示，全部使用内部样式表的形式，实际的应用中还是推荐使用外部样式表！！导航0.写在前面1.标签选择器（tagselector）2
扶摇|·2024-02-05 23:53

静态PC端网页开发

这部分主要是对于前面HTML和css学习的一个验收和巩固。
程序媛Render·2024-02-04 10:37

2024/1/28CSS学习:基础认知；选择器；文本样式

一、基础认知1.1层叠样式表作用：样式美观，给Html美化1.2语法规则写在style标签里面选择器——找标签使用属性名：属性值；2.1CSS引入方式1.内嵌式CSS写在style标签中提示:style标签虽然可以写在页面任意位置，但是通常约定写在head标签中2.外联式CSS写在一个单独的.css文件中提示:需要通过link标签在网页中引入3.行内式行内式:CSS写在标签的style属性中提示:
Douglas_fan·2024-02-03 22:30

HTML与CSS学习总结

HTML与CSS学习总结一、HTML总结1概念HTML是HyperTextMarkupLanguage的简称，中文名称：超文本标记语言，它是一种用于创建网页的标准标记语言。标记语言是由标签构成的语言。
七倾城·2024-02-03 10:58

CSS学习总结

学习CSS的总结通过此次对CSS的学习，大致对此有一个粗略的了解，可以使用它来对页面进行美化。1.语法基本说明一条CSS样式规则由两个主要的部分构成：选择器，以{}包裹的一条或多条声明：选择器是需要改变样式的对象；每一条声明由一个属性和一个值组成，属性和值之间用冒号分开，声明之间用分号分开；元素选择器，id选择器前有#号，class选择器前有.。2.如何让CSS对页面生效外部样式表；内部样式表；内
嘻嘻萌萌·2024-02-03 10:54

web前端css学习笔记(2)——选择器

目录前言一、CSS选择器1.通配选择器2.元素选择器3.类选择器4.ID选择器二、复合选择器1.交集选择器2.并集选择器3.后代选择器4.子代选择器5.兄弟选择器6.属性选择器总结前言本篇学习CSS选择器，内容比较复杂易混。一、CSS选择器1.通配选择器可以选中所有的HTML元素，一般用于清除样式*{属性名:属性值;}2.元素选择器为页面中某种元素统一设置样式h1{color:orange;fon
果粒橙_·2024-02-03 09:31

HTMLCSS学习笔记（十一）-- css3渐变及2D

浏览器前缀-ms-:IE浏览器专属的CSS属性需添加-ms-前缀-ms-box-shadow:1px1px0#CCC;-moz-:所有基于Gecko引擎的浏览器（如Firefox）专属的CSS属性需添加-moz-前缀-moz-box-shadow:1px1px0#CCC;-o-:Opera浏览器专属的CSS属性需添加-o-前缀-o-box-shadow:1px1px0#CCC;-webkit-:所
千锋HTML5学院·2024-02-03 00:33

css学习笔记(适合后端开发人员学习的文章)

1、什么是css层叠样式表语言，作用是用来修饰HTML，让HTML更好看。类似平时生活中的化妆品2、三种方法嵌入css样式2.1内联定义2.1.1内联定义语法格式：2.2定义内部样式块对象定义内部样式块对象div{background-color:aqua;width:200px;height:200px;border-style:solid;border-width:5px;}#username
故我往事·2024-01-28 23:52

css学习网站

flexboxdefense.comflexboxfroggy.comcssgridgarden.comflukeout.github.iomastery.games/flexboxzombies
txtNaiu·2024-01-28 19:00

css学习

文章目录CSS学习加粗，装饰线缩进宽高属性CSS背景背景颜色背景图片背景平铺背景位置注意字体字间距大小写文本转换设置行高，行间距盒子模型margin合并：盒子模型特性标准盒子与IE(怪异)盒子模型的表现效果的区别行元素块元素块元素特点
萧寂173·2024-01-28 06:28

CSS学习笔记

css的三种样式一.行内样式二.内部样式div{width:200px;height:200px;background-color:aqua;}我是一个div三.外部样式如同内部样式,但是需要添加一个css文件,且进行下方的操作:@importurl("css路径");@import和link的区别:1：本质的差别：link属于XHTML标签，而@import完全是CSS提供的一种方式.2:加载顺
苦逼的猿宝·2024-01-27 21:38

最热网友收藏

年第1周)2007年第1周最热网友收藏共享一些面试题(52)，共94人收藏，xblue3首先收藏程序员真实写真:35岁前成功的12条黄金法则(49)，共182人收藏，yanglilibaobao首先收藏css
weixin_30267697·2024-01-26 02:29

14.CSS学习（五）

上一篇：13.CSS学习（四）CSS学习布局多列布局（column）属性设置是否跨列瀑布流布局响应式设计优势不足@media媒体查询弹性盒子(FlexBox)弹性父容器属性设置：弹性子元素属性设置：CSS3
Kylincsg·2024-01-24 12:42

13.CSS学习（四）

上一篇：12.CSS学习（三）CSS学习CSS3层次选择器属性选择器伪元素选择器权重值圆角阴影文本阴影盒子阴影背景background-size背景大小background-origin背景原点background-clip
Kylincsg·2024-01-24 12:41

10.CSS学习（一）

上一篇：9.HTML5CSS学习css基本语法CSS中的颜色CSS的使用方式CSS特性CSS的注释符选择器ID选择器组合选择器后代选择器链接伪类选择器动态伪类选择器权重值字体设置字体系列字体大小字体粗细斜体字体简写格式字体颜色字体下划线字符间距元素的显示模式文本缩进换行隐藏内容水平对齐问题关于继承和自身的默认属性
Kylincsg·2024-01-24 12:11

12.CSS学习（三）

上一篇：11.CSS学习（二）CSS学习背景背景图片背景重复方式背景定位图标字体厂商前缀简写属性列表列表类型列表图像列表标记的位置简写属性表格的边框文档流和浮动利用float形成图片、文字环绕的原理float
Kylincsg·2024-01-24 12:11

CSS学习（第四天）（浮动，常见网页布局，清除浮动，PS切图）

CSS浮动1浮动1.1传统网页布局的三种方式1.2标准流(普通流/文档流)1.3为什么需要浮动?1.3为什么需要浮动?1.4什么是浮动?1.5浮动特性(重难点)1.6浮动元素经常和标准流父级搭配使用2常见网页布局2.1浮动布局注意点1、浮动和标准流的父盒子搭配2、一个元素浮动了，理论上其余的兄弟元素也要浮动3清除浮动3.1为什么需要清除浮动?3.2清除浮动本质3.3清除浮动3.4清除浮动方法3.5
加蓓努力我先飞·2024-01-19 05:05

HTML+CSS

HTML+CSS学习笔记0.HTMl(HyperTextMarkupLanguage)复习HTML标签有两类：块级元素div、h1~h6、blockquote、dl、dt、dd、form、hr、ol、p
bomagic·2024-01-17 09:34

HTML5 & CSS学习笔记

最新前端开发入门教程，web前端零基础html5+css3+前端项目视频教程_哔哩哔哩_bilibili代码地址：HTML5+CSS:用于学习、练习前端的相关知识。目录HTML1.html骨架2.HTML标签2.1排版标签2.1.1标题标签3.媒体标签4.列表标签CSSCSS书写顺序：1.选择器1.1标签选择器1.2基础选择器1.3id选择器1.4通配符选择器2.字体和文本样式2.1文字2.2文本
秣凡·2024-01-14 07:47

Html&CSS学习笔记02---HTML标签的介绍

1、HTML标签介绍1.1、标签的格式:封装的数据1.2、标签名大小写不敏感1.3、标签拥有自己的属性基本属性：bgcolor="red"可以修改简单的样式效果事件属性：onclick="alert('你好！');"可以直接设置事件响应后反馈的代码1.4、标签又分为，单标签和双标签单标签格式：换行水平线双标签格式:..封装的数据....封装的数据..1.5、标签的语法正确：早安，尚硅谷错误：早安，
DKTF·2024-01-09 19:25

CSS盒子模型

1.盒子模型（CSS重点）css学习三大重点：css盒子模型、浮动、定位盒模型主体思路：边框、内边距、外边距1.1看透网页布局的本质网页布局中，我们是如何把里面的文字，图片，按照美工给我们的效果图排列的整齐有序呢
Gao_xu_sheng·2024-01-09 03:27

HTMLCSS学习笔记（六）-- 元素类型

元素类型根据css显示分类，XHTML元素被分为三种类型:块状元素，内联元素，可变元素&&三种类型：块状元素，内联元素，内联块元素(css2.1增加)块状元素的特点块状元素在网页中就是以块的形式显示，所谓块状就是元素显示为矩形区域，默认情况下，块状元素都会占据一行，通俗地说，两个相邻块状元素不会出现并列显示的现象；默认情况下，块状元素会按顺序自上而下排列。块状元素都可以定义自己的宽度和高度。块状元
千锋HTML5学院·2024-01-06 07:02

CSS学习之路: 基础学习篇

css基础一、css3概述1.1、什么是cssCascadingstylesheets层叠样式表，级联样式表，简称样式表1.2、css作用对页面中html元素进行美化1.3、HTML和css的关系HTML：负责页面结构的搭建，负责数据的展示CSS：负责美化页面1.4、HTML自带的属性和css使用原则W3C建议我们尽量使用css的方式来取代html属性css样式1.样式代码可以重用2.便于维护1.
@德玛玩前端·2024-01-05 12:10
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他