![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css样式
lvlv。
这个作者很懒,什么都没留下…
展开
-
CSS新增属性下
字体:字体的格式:.ttf文件(外部引入文字样式)1.如何引入自己下载好的外部字体:@font_face{font-family:"字体名字";src:"路径";font-weight:normal;font-style:normal}2.字体图标:是一个图标(例如百度的logo,csdn的logo等),但是遵循所有的文本的属性。字体图标经常应用在移动端布局/pc端布局如何引用:1)把iconfont文件夹放在自己的站点里面2)通过link将iconfont这原创 2022-03-03 17:06:29 · 153 阅读 · 0 评论 -
CSS3新增属性
1.文本阴影:text-shadow:h-shadow(水平阴影) v-shadow(垂直阴影) blur(模糊距离) color(颜色)水平和垂直阴影可以为负数2.盒子阴影:box-shadow:h-shadow v-shadow blur color inset(设置内阴影,一般不使用)3.多背景属性:使用background属性...原创 2022-02-16 17:49:50 · 181 阅读 · 0 评论 -
CSS3的新增
选择器:1.关系选择器(同级:匹配后面的一个或多个同级兄弟选择器。)+表示匹配对应元素后面的一个兄弟~表示匹配对应元素后面的所有兄弟2.层级选择器(后代选择器/子代选择器)原创 2022-02-15 17:47:50 · 60 阅读 · 0 评论 -
table表格
表格的css属性:1.table:1)border属性:只给table添加边框(最外侧一圈)2)调整单元格与单元格之间的间距:border-spacing:0px(默认得到的边框是2px)3)实现1px细线边框:1>border-collapse:collapse2>使用单元格之间的间距,设为1px,通过背景颜色进行设置4)表格的布局算法:table-layout:auto/fixed两个取值auto:优点:自动撑开,缺点:只要文本过多都会让表格布局发生改变,重新原创 2022-01-13 15:55:57 · 267 阅读 · 0 评论 -
form表单的一些内容
原创 2022-01-12 16:23:35 · 113 阅读 · 0 评论 -
overflow是什么?
本质是溢出隐藏,还可以用来解决高度塌陷。给定父子两个div,父级div自适应宽高,子div宽高为300px,若不给子div浮动,则父级div会被子元素撑开,如果给了子div一个浮动,那么父级元素会因为没有高度支撑而产生高度塌陷,此时就可以给父元素添加一个overflow为hidden,产生一个BFC空间,解决父元素高度塌陷的问题。原理是overflow:hidden会让浮动的元素参与高度的运算。overflow:hidden还可以解决边距重合的问题:div1给定margin-bottom为20p原创 2022-01-06 23:33:36 · 1666 阅读 · 0 评论 -
如何形成BFC?
BFC是什么?它叫做块级格式化上下文。如果元素想出发BFC的话,会让元素形成一个独立的区域,不会收到外界干扰,并且也不会影响到外部的情况就会形成一个BFC。1.使用浮动2.定位:针对绝对定位(absolute)跟固定定位(fixed)3.overflow:hidden...原创 2022-01-06 23:22:35 · 463 阅读 · 0 评论 -
如何隐藏元素
1.display:none;元素可以实现隐藏,不占页面空间,下面的元素会补位到上面2.visibility:hidden;隐藏后的元素依旧占着页面的空间3.opacity:0;设置透明度为0,文字和元素都可以隐藏,元素依旧占位置4.将元素的宽高都设置为0,不占位置...原创 2022-01-06 16:28:38 · 301 阅读 · 0 评论 -
行内元素变成块级元素的几种方法
1.直接使用display:block;使元素的属性改变2.float;浮动之后检查computed里面的元素的display也会发生改变,变为block3.使用定位:position:fixed(固定定位)/absolute(绝对定位)4.使用弹性盒原创 2022-01-06 15:50:47 · 3716 阅读 · 0 评论 -
选择器-2
1:伪类选择器:经常出现在a标签中,也可以单独拎出来使用,一般常用的有4种1).:link:超链接访问前。具体用法:<style>a:link{color:red}</style># 给定a标签访问前,也就是点击前的颜色为红色(a标签默认点击前颜色为蓝色,有下划线)2).:visited:超链接访问后。具体用法:<style>a:visited{color:green}</style># 给定a标签访问后,也就是点击后的颜色为绿...原创 2021-08-30 17:14:32 · 62 阅读 · 0 评论 -
前端css样式--浮动
浮动的含义就是说让元素进行漂浮,让布局元素横向显示。比如说这个页面中,这些撤销,重做等等的,都是用到了浮动,使内容横向显示浮动的属性是float,有三个取值,None:不浮动;left:左侧浮动;right:右侧浮动。默认情况我们设置两个div盒子的话是上下排序的,而我们要做的就是通过浮动,把竖着排列的两个盒子,变成横着排的。浮动的特点:1.使用浮动后会脱离文档流,不占位置,也就是飘起来了,那么后面的内容,比如说我们上面说的两个盒子,第二个盒子在第一个盒子使用了浮动之后就会自动补位到第一个.原创 2021-08-30 18:19:15 · 169 阅读 · 0 评论 -
css样式选择表与选择器
首先说css的样式表,分为内部样式,行内样式和外部样式,直接说个结论,三者的优先级是行内样式大于其余二者,这个是按照执行顺序判定的,如果是外部样式表的话,需要通过link调用,而一般调用的内容会放在最上面部分,所以一般来说外部样式的权重最低,因为外部样式是我们另外定义一个css文件,在这个css文件中写我们要修饰的内容,然后再在html文件中调用。其次是内部样式表,在html文件头部标签里写一个style标签,里面写我们要修饰的选择器,按照执行顺序来说他是在外部选择器下面的,所以执行时权重要...原创 2021-08-18 15:44:36 · 116 阅读 · 0 评论