css
文章平均质量分 62
bigFace2019
这个作者很懒,什么都没留下…
展开
-
css选择器权重一样的时候,以哪个为主呢?
css选择器权重一样的时候,以哪个为主呢?比如都在同一个class中写了多个名字,class1 class2,两个里面属性值有重复时,以哪个为准这里和<style></style>内部的书写位置有关系,哪个写在后面就会把前面的覆盖掉。注意和body中的书写位置无关,只和style里面位置有关...原创 2021-04-24 08:09:26 · 590 阅读 · 0 评论 -
2021-03-02
当父元素当中有一个子元素的时候,子元素设置margin-top或者margin-bottom的时候会不起作用,也就是子父元素之间并没有产生间距,但是这个值作用到了父元素的身上。原创 2021-03-02 12:51:44 · 100 阅读 · 0 评论 -
css问题笔记2
1.在html让高度始终是宽度的一半:1)思路:(1)用dom求得当前的offsetWidth(2)将宽度设定为width的一半2)代码<!DOCTYPE html><html><head></head><body> <div class="outer" id="outer"> <div class="inner"> </div> </div&g原创 2021-02-10 21:24:03 · 114 阅读 · 0 评论 -
项目切换主题(颜色)
转自:https://blog.csdn.net/bocongbo/article/details/104773028/1、实现原理给内容最外层标签添加不同的主题class,用以区分不同的主题2、less写法.module-theme(@theme, @tag) {.m-title-box {background: @theme;}.m-head .m-info .m-name {color: @theme;}// 其他样式也如此}.theme.转载 2021-01-25 23:37:56 · 903 阅读 · 0 评论 -
css问题笔记
1.div设置百分比高度不起作用1.首先检查父元素高度是否正常父元素必须是height属性,min-height是不管用的,2. 检查父元素是否是flex布局flex元素不管用2.vue中怎么写css以及css的优先级vue中如何写css我只是提几种我常用的写style的方式,仅供参考都是写在template中:class="isMaxTrack?'track-max':'track-nomal'":style="{top:10px,left:10px}":s原创 2021-01-24 14:53:40 · 776 阅读 · 0 评论 -
css实现水平垂直居中、两列布局、三列居中布局,两列等高
水平居中 行内元素 首先看它的父元素是不是块级元素,如果是,则直接给父元素设置text-align: center;<style>#father {width: 500px;height: 300px;background-color: skyblue;text-align: center;}</style><div id="father"> <span id="son">我是行内元素</...转载 2020-10-07 11:11:35 · 3457 阅读 · 0 评论 -
使用http-server发布成服务后,在修改了css后,发现使用f5刷新网页,css在网页上始终没有修改过来,甚至重启http-server服务也行不通。
在修改了css后,发现使用f5刷新网页,css在网页上始终没有修改过来,问题:应用场景:解决方法:问题:使用http-server发布成服务后,在修改了css后,发现使用f5刷新网页,css在网页上始终没有修改过来,甚至重启http-server服务也行不通。应用场景:前端通常使用ajax去获取数据,但是这种情况下,使用浏览器访问就存在跨域问题,解决方法就是将我们代码放在一个应用服务中,比如tomcat中来启动,从而访问html,就可以正常使用ajax了我们也可以使用node.js中的http-s原创 2020-05-11 20:07:07 · 1081 阅读 · 3 评论 -
js中单引号和双引号的使用
js中单引号和双引号的使用在js中,单引号和双引号使用上看不出太多异同,但是如果存在引号嵌套的时候,就需要两种符号配合使用,比如外部使用单引号,内部的引号使用双引号。原创 2020-05-10 23:42:04 · 546 阅读 · 0 评论 -
行内元素和块状元素的区别以及特列--img是行内元素,但是可以设置宽高。
我们习惯将html中元素分类为行内元素和块级元素,如下:·常见块级元素有:html、body、div、header、footer、nav、section、aside、article、p、hr、h1~h6、ul、ol、dl、form、table、tbody、thead、tfoot、tr等;·常见行内元素有:span、a、img、textarea、button、input、br、label、select、canvas、progress、cite、code、strong、em、audio、video等转载 2020-05-10 14:02:59 · 773 阅读 · 0 评论 -
absolute和float脱离文档流,导致父元素塌陷的解决方式:
浮动元素容器的clearing问题1. 问题的由来有这样一种情形:在一个容器(container)中,有两个浮动的子元素。<div><div style="float:left;width:45%;"></div><div style="float:right;width:45%;"></div></d...转载 2020-05-06 19:20:42 · 1507 阅读 · 0 评论