![](https://img-blog.csdnimg.cn/20210122135224915.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
HTML\CSS\JS笔记
文章平均质量分 57
前端笔记
火星玛莎车主
这个作者很懒,什么都没留下…
展开
-
Bootstrap 轮播图组件
遇到问题:bootstrap组件与其它网页css发生冲突、覆盖bootstrap轮播图组件和其它网页导航代码进行合并后样式丢失,代码太多还没找出冲突代码,先尝试对样式进行修改已解决:bootstrap 轮播图组件中小圆点更改为方块从bootstrap v4案例官网获取的轮播图组件源代码后需要自定义修改样式,在carousel.css文件中添加按键样式.test2 .active{ width: 30px; height: 5px; border: 1px solid trans原创 2021-01-25 17:02:28 · 741 阅读 · 1 评论 -
SVG格式&引入方式
什么是SVG格式:一种开放标准的矢量图形语言可以直接用代码来描绘图像,用任何文字处理工具打开svg图像,通过改变部分代码来使图像具有交互功能,并可以随时插入到HTML中通过浏览器(如chrome浏览器)来观看。设计高分辨率的Web图形页面。具备目前网络流行的jpg和png等格式无法具备的优势:可以任意放大图形显示,但绝不会以牺牲图像质量为代价;可在svg图像中保留可编辑和可搜寻的状态;平均来讲,svg文件比其它格式的图像文件要小很多,因而下载也很快。SVG可作为单独的一个文档出现, 文件后缀为.原创 2021-01-18 15:53:25 · 2183 阅读 · 0 评论 -
导入的CSS样式文件与自定义CSS样式文件冲突
导入的CSS样式文件与自定义CSS样式文件冲突css样式渲染方式是,后来居上。加入的css样式不影响原页面的css,最后加在页面的顶端。避免样式干扰。在使用bootstrap时,有时候并不希望在整个网站上使用 Bootstrap,您只需要使用Bootstrap CSS的一部分。如果只是将 Bootstrap CSS 直接添加到 head 中,就有可能会与其他的 CSS 产生冲突,从而产生混乱的样式。bootstrap样式跟自定的css样式冲突时怎么解决?选择重写css样式让其覆盖原有的样式,原创 2021-01-18 15:30:09 · 1594 阅读 · 0 评论