E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
CSS笔记
css笔记
CSS设置块级元素、内联元素、行内块元素属性及区别一、块级元素独占一行默认width是父元素的100%,height取决于内容的height设置width、height有效设置margin,上下左右有效设置padding,上下左右有效二、内联元素不会独占一行默认width取决于内容的width,height取决于内容的height设置width、height无效设置margin,左右生效、上下无效
曹锦花
·
2023-03-13 20:50
html/
css笔记
table表格文本垂直水平居中对齐方法
简介:平时工作中开发经常会遇到html网页样式设计,这里记录一下笔记方便后期查看,也顺便给其他人提供一个参考HTML文本垂直水平居中对齐方法(一):css样式水平居中text-align应用于块级元素的文本水平居中text-align=left;左对齐text-align=right;右对齐text-align=justify;两端对齐text-align=center;水平居中将块级元素中的内联
lucky_fd_
·
2023-03-10 14:08
html/css
笔记
css3
前端
css
html
webview
前端html+
css笔记
(上)
前端VScode自动换行(wordwrap)ctrl+s保存ctrl+a全选ctrl+x,ctrl+c,ctrl+v剪切、复制、粘贴ctrl+z、ctrl+v撤销、前进shift+end从头选中一行shift+home从尾部选中一行shift+alt+↓快速复制一行alt+↑或者↓快速移动一行多光标:alt+鼠标左键ctrl+D:选取相同元素的下一个网站开发1、UI设计师(设计稿)2、web前端(
东方寂明
·
2023-02-17 13:51
前端开发HTML+CSS整理笔记
1、
CSS笔记
:点击链接后退页面:回到上一个网页——修改placeholder提示的样式:1.除IE外通用写法类名或标签名::placeholder{color:red;}2.加兼容前缀写法css超出一行显示省略号
倚剑闯天涯_
·
2023-02-17 10:27
css笔记
css的作⽤指层叠样式表(CascadingStyleSheets)样式表定义如何显示HTML元素,就像HTML3.2的字体标签和颜色属性所起的作用那样。样式通常保存在外部的.css文件中。通过仅仅编辑一个简单的CSS文档,外部样式表使你有能力同时改变站点中所有页面的布局和外观。基本的css功能设置宽度.divcss5{width:300px}我宽度设置为300px文字font-style:ita
婕儿code
·
2023-02-05 05:08
HTML&
CSS笔记
超链接:《ahref="目标网址"target="_blank"title="划过时显示的文本"》文本《/a》注意:如果mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的参数每一个都以“&”分隔完整示例如下:语法:《imgsrc="图片地址"alt="下载失败时的替换文本"title="提示文本"》举例:《imgsrc="myimage.gif"alt="MyImage"tit
車十一
·
2023-02-01 22:44
【javaweb】css课堂笔记
css笔记
一、css的简介1、什么是css层叠样式表,css是对html进行样式修饰语言层叠:就是层层覆盖叠加,如果不同的css样式对同一html标签进行修饰,样式有冲突的部分应用优先级高的,不冲突的部分共同作用样式表
风为你而吹
·
2023-01-31 11:38
Javaweb
Javaweb
css笔记
第一篇(text font link 列表)
Text属性描述color设置文本颜色direction设置文本方向。letter-spacing设置字符间距line-height设置行高text-align对齐元素中的文本text-decoration向文本添加修饰text-indent缩进元素中文本的首行text-shadow设置文本阴影text-transform控制元素中的字母unicode-bidi设置或返回文本是否被重写vertic
bu_xiang_tutou
·
2023-01-20 14:44
css
html
前端
S
css笔记
文章目录CSS预处理器语言定义其它CSS预处理器语言什么是SassSass官网描述Sass前世今生Sass早期不如LESS普及Sass安装(windows版)Sass语法格式Sass和SCSS的区别Sass编译Sass命令编译常见错误Sass不同风格样式的输出方法嵌套输出方式展开输出方式紧凑输出方式压缩输出方式Sass的调试Sass变量默认变量局部变量与全局变量嵌套选择器嵌套属性嵌套伪类嵌套混合宏
羊习习嗷
·
2022-12-24 19:06
css
黑马Pink
CSS笔记
第一部分 简介、基础选择器、复合选择器、字体、文本、背景、显示方式、三大特性等
文章目录(一)CSS简介与基础选择器1.CSS简介1.1HTML的局限性1.2CSS-网页的美容师1.2CSS语法规范1.3CSS代码风格2.CSS基础选择器2.1选择器的作用2.2选择器分类2.3标签选择器2.4类选择器2.4.1类选择器-多类名2.5id选择器2.6通配符选择器2.7基础选择器总结3.CSS字体属性3.1字体系列3.2字体大小3.3字体粗细3.4文字样式3.5字体复合属性写法3
wangyue_msn_86
·
2022-09-29 07:45
前端
css
html
css3
CSS笔记
课程目标:学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握CSS三种显示模式熟练掌握CSS背景属性熟练掌握CSS三大特性熟练掌握CSS盒子模型熟练掌握CSS浮动10.熟练掌握CSS定位11.熟练掌握CSS高级技巧强化CSStypora-copy-images-to:mediaCSS的发展历程从HTML被发明开始,样式就以各种形式存在。不同的浏览器
1998kang
·
2022-08-13 08:36
css基础
css笔记
四-结构伪类选择器、伪元素、浮动
一、结构伪类选择器目标:能够使用结构伪类选择器在HTML中定位元素1、作用与优势:作用:根据元素在HTML中的结构关系查找元素;优势:减少对于HTML中类的依赖,有利于保持代码整洁;场景:常用于查找某父级选择器中的子元素;2、结构伪类选择器——查找单个/*1.找到第一个子元素并且为li的标签*/li:first-child{background-color:blue;}/*2.找到最后一个子元素并
鬼R见愁
·
2022-06-22 14:45
HTML
css
前端笔记总结--需要Typora可联系作者
一、w学习
CSS笔记
Day01[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TxkRnbd0-1654052681687)(C:\Users\Administrator\
那人独钓寒江雪.
·
2022-06-13 12:29
Html-Css-Js
前端
css
html
css笔记
提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结css基础选择器1.css选择器的作用2.选择器分类01-标签选择器02-类选择器03-id选择器04-通配符选择器05-总结css字体属性1.字体体系2.字体大小3.字体粗细4.文字样式5.文字复合属性写法6.字体属性总结css文本属性1.文本颜色2.对齐文本
龙槑
·
2022-03-22 09:29
css
前端
html
CSS笔记
(六)-------CSS精灵图
一、精灵图产生的目的很多大型网页在首次加载的时候都需要加载很多的小图片,而考虑到在同一时间,服务器拥堵的情况下,为了解决这一问题,采用了精灵图这一技术来缓解加载时间过长从而影响用户体验的这个问题。二、精灵图的本质:所谓精灵图就是把很多的小图片合并到一张较大的图片里,所以在首次加载页面的时候,就不用加载过多的小图片,只需要加载出来将小图片合并起来的那一张大图片即可,这样在一定程度上减少了页面的加载速
Favour72
·
2022-03-16 16:53
CSS
css
html
前端
css3
web
css原来也可以这么酷!css生成艺术【笔记】
【
css笔记
】css大会袁川视频链接演讲主要讲了用css生成一些炫酷的图片,首先先复习了下简单的知识,然后使用工具把简单的图片进行变换和组合,然后就是一个复杂到可能都不知道怎么出现的图片了!
槑小姐_1419
·
2022-02-16 22:49
html 学习笔记一
文章目录HTML&
CSS笔记
一常见浏览器介绍浏览器内核(理解)Web标准(重点)Web标准的好处Web标准构成(结构Html,表现,css,行为js)HTML初识HTML骨架格式HTML标签分类HTML
坔风
·
2022-02-16 07:56
html
CSS笔记
派生选择器通过依据元素在其位置的上下文关系来定义样式,你可以使标记更加简洁。listrong{font-style:italic;font-weight:normal;}li下面的strong会有后面的属性id选择器id选择器以"#"来定义。下面的两个id选择器,第一个可以定义元素的颜色为红色,第二个定义元素的颜色为绿色:red{color:red;}green{color:green;}在现代布
ImClive
·
2022-02-11 17:37
HTML与
CSS笔记
-3(完)
层叠上下文一个元素具备一下任意条件,该元素会创建层叠上下文根元素z-index不为auto的定位元素同一层叠上下文的背景色、浮动子元素、定位子元素等堆叠顺序同一层叠上下文,层叠级别由高到低↓正z-indexz-index为正的内部元素↓z-index为0z-index为0的内部元素↓行内盒子(内容)普通文档流下的行内盒子↓浮动盒子(布局)除position:relative的浮动盒子↓块盒子(布局
蚂蚁踩死我
·
2022-02-06 18:33
CSS笔记
—— 美化网页
本篇博客是根据B站up@遇见狂神说的视频以及W3school官网文档整理的笔记,里面会有一些视频的截图、代码和官网的概念,以及我个人的注释笔记,代码例子等。全篇博客包括代码均为自己手打,结果截图均为自己运行的结果。以下是视频链接https://www.bilibili.com/video/BV1YJ411a7dy?spm_id_from=333.999.0.0W3school官网链接https:/
一纸春秋
·
2021-10-31 15:13
前端
css
前端
伪类
CSS笔记
—— 选择器
本篇博客是根据B站up@遇见狂神说的视频以及W3school官网文档整理的笔记,里面会有一些视频的截图、代码和官网的概念,以及我个人的注释笔记,代码例子等全篇博客包括代码均为自己手打,结果截图均为自己运行的结果。以下是视频链接https://www.bilibili.com/video/BV1YJ411a7dy?spm_id_from=333.999.0.0W3school官网链接https://
一纸春秋
·
2021-10-28 19:58
前端
css
css3
html
css笔记
【js随机数】///////////////////////////////////{{Math.round(Math.random()*10+30)}}【渐变】///////////////////////////////////线性渐变-从上到下(默认情况下)background-image:linear-gradient(#e66465,#9198e5);从左到右的线性渐变backgroun
色即是猫
·
2021-08-25 09:57
CSS笔记
(3)
1.渐变线性渐变由上到下,从红色开始,渐变到黄色:#grad{background-image:linear-gradient(red,yellow);}由左到右,彩虹色:#grad{background-image:linear-gradient(toright,red,orange,yellow,green,blue,indigo,violet);}径向渐变由中心开始向外渐变:#grad{ba
·
2021-08-24 16:24
前端cssweb
CSS笔记
—中级
1.显示方式块级元素总是从新行开始,并尽可能地向左和向右伸展.内联元素不从新行开始,仅占用所需的宽度.设置元素的display属性可以更改元素的显示方式,但不会更改元素的种类.取值如下:inline:以内联元素的方式显示.block:以块级元素的方式显示.none:隐藏元素,并且不占用空间.hidden:隐藏元素,但仍会占用空间.inline-block:类似于inline,但允许在元素上设置宽度
·
2021-08-23 14:26
前端css
CSS笔记
—初级
本文根据W3School的CSS教程中的初级部分整理而成.1.选择器标签选择器作用于所有的标签:p{text-align:center;color:red;}id选择器作用于所有id="para1"的元素:#para1{text-align:center;color:red;}类选择器作用于所有class="center"的元素:.center{text-align:center;color:re
·
2021-08-23 11:12
web前端css
css笔记
-4/ 实现圆角矩形和阴影怎么做?
JSBin#div1{border-radius:20px;background:green;padding:20px;width:300px;height:100px;}#div2{margin-top:20px;width:300px;height:100px;background-color:blue;box-shadow:10px10px3px#888888;}
joker731
·
2021-06-04 22:16
CSS笔记
inline元素的特点:和其他元素都在一行上;高不可改变;宽度就是它的文字或图片的宽度,不可改变。a标签的相关伪类:a:link/*超链接文字格式*/a:visited/*浏览过的链接文字格式*/a:active/*按下链接的格式*/a:hover/*鼠标转到链接*/注释:在CSS定义中,a:hover必须位于a:link和a:visited之后,这样才能生效!注释:在CSS定义中,a:activ
Dave_hz
·
2021-05-14 22:47
CSS笔记
- flex布局
概念flexcontainer(flex容器)任何一个HTML元素都可以指定成flex布局(display:flex),即便是行内元素(display:inline-flex)。但设定为flex布局之后,子元素的float、clear、vertical-align属性会失效。flexitem(容器成员)放入flex容器中的元素都是flexitem。mainaxis(容器主轴)和crossaxis(
梁同学de自言自语
·
2021-05-12 22:54
HTML与
CSS笔记
部分非原创,代码自己的.算是自己归纳的笔记.望温故而知新.元旦我竟然在搞这个,淡淡的忧桑如果也有要学的,推荐这本书:.png学习网站:http://www.w3cschool.cn/html/IDE:WebStorm简单提一下制作一个网页,就是要搭建一个房子,要有门,床,窗户,马桶,灯等等...HTML的标签或者元素就是这些基本的必需品,比如容器,连接,表格以及各自的属性...太多了这个我就没必要
oldSix_Zhu
·
2021-05-11 06:12
css笔记
1:基础属性
选择器class(类选择器)和id(选择器)class:类选择器,类名自己指定,多个元素可拥有同一个类名,类选择器是以英文句号(.)开头的id:选择器,设置元素的id属性为该元素的定制id,每个id在文档中必须唯一,ID选择器是以#开头的举例:p标签同时具有class属性和id属性id属性值principal必须在文档中是唯一的;但文档中的其他标签可以有和p相同的class属性值key.在css样
hammercui
·
2021-05-05 09:03
Css笔记
Day08
一、浮动1、清除浮动语法:选择器{clear:属性值}属性值:right:不允许右侧有浮动(清除右侧浮动影响);left:不允许左侧有浮动元素(清除左侧浮动的影响);both:同时清除左右两侧的浮动;2、清除浮动的四种方法:1)使用空标记清除浮动;2)使用overflow属性清除浮动3)使用after伪对象清除浮动4)使用beforeafter伪对象清除浮动二、元素定位语法:选择器{positio
兔子和猪
·
2021-04-29 13:39
Web前端-Html-
CSS笔记
整合(CSS入门)
层叠样式表(CascadingStyleSheets)CSS是一种描述HTML文档样式的语言,用来描述应该如何显示HTML元素。CSS节省了大量工作。它可以同时控制多张网页的布局外部样式表存储在CSS文件中CSS语法CSS规则集(rule-set)由选择器和声明块组成:选择器指向设置样式的HTML元素。声明块包含一条或多条用分号分隔的声明。每条声明都包含一个CSS属性名称和一个值,以冒号分隔。多条
华夏天骄
·
2021-04-17 14:58
CSS
笔记整合
css
html
css3
html5
常用
CSS笔记
, CSS圆角,CSS背景
将图片或div设置圆角/*设置圆角15为圆角大小,设50%时可以变成圆⚪*/border-radius:15px;背景图片设置/*第一个参数是图片地址,第二个为图片显示方式(no-repeat:平铺不重复),显示位置居中*/background:url(../images/daohang.png)no-repeatcenter;/*第一个参数是图片地址,第二个为图片显示方式(no-repeat:平
书十一
·
2021-03-05 15:38
CSS笔记
(1)-BFC
1.前言上图是本文整理的与BFC有关的思维导图。下面将逐个介绍上图中出现的所有概念。2.正文2.1FormattingContext它是页面中的一块渲染区域,并且有一套渲染规则,它决定了其子元素将如何定位,以及和其他元素的关系和相互作用。包括BFC和IFC。2.2BFC简单印象BFC全称”BlockFormattingContext”,中文为“块级格式化上下文”。啪啦啪啦特性什么的,一言难尽,大家
·
2021-02-26 15:04
前端css3
CSS笔记
(1)-BFC
1.前言上图是本文整理的与BFC有关的思维导图。下面将逐个介绍上图中出现的所有概念。2.正文2.1FormattingContext它是页面中的一块渲染区域,并且有一套渲染规则,它决定了其子元素将如何定位,以及和其他元素的关系和相互作用。包括BFC和IFC。2.2BFC简单印象BFC全称”BlockFormattingContext”,中文为“块级格式化上下文”。啪啦啪啦特性什么的,一言难尽,大家
·
2021-02-26 15:36
前端css3
css变量
参考链接:阮一峰
css笔记
:http://www.ruanyifeng.com/blo...MDNCSS变量教程:https://developer.mozilla.org...浏览器支持程度:主流现代浏览器支持基本使用
·
2021-02-09 16:49
css前端css3
css变量
参考链接:阮一峰
css笔记
:http://www.ruanyifeng.com/blo...MDNCSS变量教程:https://developer.mozilla.org...浏览器支持程度:主流现代浏览器支持基本使用
·
2021-02-09 16:00
css前端css3
HTML及
CSS笔记
目标:Front-endEngineer→Full-stackEngineer浏览器及其内核HTML开发工具sublime轻量级的ide1.使用技巧h${}*6vsCode写大项目时使用1.使用技巧SEO-搜索引擎优化我是title路径1.网上url2.本地的绝对路径D:/a/b/test.htmlD:/a/b/c/123.jpg"3.本地的相对路径…/来表示上一级目录D:/a/b/test.ht
Kivitor
·
2021-02-06 13:49
前端基础
css
html
CSS笔记
处理长短内容长内容overflow-wrap用来说明当一个不能被分开的字符串太长而不能填充器包裹盒时,防止溢出,浏览器是否允许单词中断换行。硬换行:在文本的换行点插入了实际换行符软换行:文本实际上仍在同一行,但看起来被分成了几行。word-break-all:break-all让长英文单词属于软换行~~~~overflow-wrap属性是word-wrap属性,参数:normal|break-wo
·
2021-02-04 19:06
css
HTML、
CSS笔记
盒模型在CSS中,使用标准盒模型描述这些矩形盒子中的每一个。这个模型描述了元素所占空间的内容。每个盒子有四个边:外边距边,边框边,内填充边与内容边。在标准模式下,一个块的总宽度=width+margin(左右)+padding(左右)+border(左右)在怪异模式下,一个块的总宽度=width+margin(左右)(即width已经包含了padding和border值)外边距合并块的顶部外边距和
RThong
·
2020-11-17 18:59
css
html
CSS笔记
1.CSS简介作用:1.专门给网页进行样式开发.2.给网页进行布局特点:1.语言特别简单.2.开发的样式可以重复使用使用:css的声明css的选择器css的常用样式css的盒子模型css的定位css的布局2.css的声明1.声明:位置:在头标签(head)中使用style标签声明作用:公共样式或某个标签的单独样式hr{width:50%;height:20px;color:red;backgrou
bryan_d
·
2020-10-11 12:03
笔记
css
css笔记
z-index
z-index定义z-index是相对比较常用的一个语法了首先先来了解一下z-index的定义把z-index属性指定一个元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。层叠上下文stackcontext了解在讲解z-index咱们先要了解一下层叠上下文(stackcontext)是什么呢,其实通俗来讲,就是你看电脑的这个方向的一个显示顺序,比如说,桌子上有一大堆纸,你对
JiuMeilove
·
2020-10-10 17:53
CSS笔记
z-index详解
z-index堆叠顺序
z-index堆叠原理
z-index堆叠错误显示
css笔记
vertical-align详解
vertical-align我们来讨论一下CSS的属性vertical-align。它一般的用途,其实就是用来排列彼此相邻的文本和元素的。但是有时候,他在工作的时候,也会有一些诡异的表现,让我们无所适从。比如说你可能碰见过这样的情况,当你改变了一个元素的vertical-align属性的值以后,这个元素的排列方式并没有发生变化,但是呢,紧挨着它的元素却变了。因此,为了减少未来因此而造成的痛苦,我仔
JiuMeilove
·
2020-10-10 15:59
CSS笔记
css
css笔记
- 张鑫旭css课程笔记之 padding 篇
[padding地址](https://www.imooc.com/learn/710)一、padding与容器尺寸之间的关系padding会影响元素的尺寸(通常情况下是通过增加/挤压内容区域)padding对于block元素的表现1.没宽度设置的情况:垂直方向向外扩张,水平方向向内挤压。上下padding会增加元素占据的尺寸(即看上去高度在增加),左右因为元素宽度已经auto,不会变化。但是内容
weixin_33724059
·
2020-09-15 15:36
CSS笔记
——padding
CSSpadding与容器尺寸对于block元素总结:对于inline元素水平padding影响尺寸,垂直padding不影响。但是,会影响背景色。并且,当padding超过容器尺寸,scrollHeight会变大。使用场景:高度可控的分割线CSSpadding负值和百分比值负值padding不支持负值百分比值padding的百分比均是相对于宽度计算的如果利用这一特性呢?inline水平元素的pa
TimChen666
·
2020-09-15 14:04
css
css笔记
和代码
css一、CSS简介1.什么是CSScss,CascadingStyleSheet层叠样式表是一种样式设置规则,用来控制页面的外观样式2.为什么使用CSS实现内容与样式分割,便于团队开发样式复用,便于网站的维护页面的精准控制,让页面更精美3.CSS作用页面外观美观布局和定位二、基本用法1.CSS语法选择器{属性名:属性值;属性名:属性值;}选择器:要修饰的对象(东西)属性名:修饰对象的哪个属性(样
xiaolengc
·
2020-09-14 12:59
CSS笔记
加案例
CSS一、CSS简介1.什么是CSS?CSS,CascadingStyleSheet层叠样式表是一组样式设置规则,用于控制页面的外观样式2.为什么使用CSS?实现内容与样式的分离,便于团队开发样式复用,便于网站的后期维护页面的精确控制,让页面更精美3.CSS作用页面外观美化布局和定位二、基本用法1.CSS语法选择器{属性名:属性值;属性名:属性值;}选择器:要修饰的对象(东西)属性名:修饰对象的哪
泡椒啊
·
2020-09-14 12:03
CSS笔记
CSS一、CSS简介1.什么是CSS?CSS,CascadingStyleSheet层叠样式表是一组样式设置规则,用于控制页面的外观样式2.为什么使用CSS?实现内容与样式的分离,便于团队开发样式复用,便于网站的后期维护页面的精确控制,让页面更精美3.CSS作用页面外观美化布局和定位二、基本用法1.CSS语法选择器{属性名:属性值;属性名:属性值;}选择器:要修饰的对象(东西)属性名:修饰对象的哪
泡椒啊
·
2020-09-14 12:02
css笔记
:如何让一个div居于页面正中间
如何让一个div居于页面中间,我今天说的是让一个div水平居中同时垂直居中,而不是简单的top:50%,left:50%。当然,我们就按一开始的思路写一下:top,left属性都设为50%,看一下效果。div居于页面正中间*{margin:0;padding:0;background-color:#EAEAEA;}div{width:200px;height:200px;background-co
weixin_33885253
·
2020-09-13 13:26
HTML和
CSS笔记
html标签分类:行级标签(display:inline)(可以在一行共同存在,内容决定大小不能改变宽高):span,a,strong,em,del,伪元素(::before,::after)。块级标签(display:block)(独占一行的标签,可以改变宽高):div,p,ol,ul,li,form。行级块元素(display:inline-block)(内容决定大小但可以改变宽高):img。
threewhisky
·
2020-09-13 02:16
笔记
HTML/CSS
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他