![](https://img-blog.csdnimg.cn/20190918140037908.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
css
css
jay编程
这个作者很懒,什么都没留下…
展开
-
li里面添加选中样式
标题:li里面添加选中样式导入bootstrap后,只需写入,class="active"原创 2022-04-11 16:10:14 · 555 阅读 · 0 评论 -
html中引入bootstrap后,页面就变了
标题:html中引入bootstrap后,页面就变了1.bootstrap首先引入,然后再在下面编写css或者是引入其他css文件。2.jquery.js文件放在bootstrap.js之前原创 2022-04-10 17:56:45 · 1367 阅读 · 0 评论 -
css的路径
标题:css的路径eg:如下示例,正确的为:而错误的有:因为:原创 2021-06-05 17:18:44 · 587 阅读 · 0 评论 -
Html、css做个大广告
标题:Html、css做个大广告一、 /*设置上外边距会有问题,重叠,可以解决,但也可以不用。设置padding上内边距可以,因为没有固定高度,所以增加了高度也没有关系*/ /*设置左内边距padding 会导致可见框的宽度增加,故设置margin*//* 会导致撑不起header,不过此处只要logo撑起高度 *//下面的绝对定位,此处要是祖先元素//调整宽度来设置图片的大小/` /设置背景图片与图片的差别,设置图片原创 2020-06-08 12:35:42 · 386 阅读 · 0 评论 -
完整clearfix,解决父子高度塌陷,外边距重叠问题
标题:完整clearfix,解决父子高度塌陷,外边距重叠问题一、父子元素外边距重叠,当子元素需向下移时,会发生父子一起移动的问题。解决方案: /*添加伪元素*/ .box2:before{ content:""; display:table; } 二、父元素未设置高度,被子元素撑开。当子类脱离文档流, 没有了位置,导致下面的元素都跑上来了,出现界面混乱问题。解决方案: .box1:after{ co原创 2020-06-05 17:01:19 · 391 阅读 · 1 评论 -
html,css显示父子元素的关系,被撑开,包围
标题:html,css显示父子元素的关系,被撑开,包围一、显示的图形,父元素被子元素撑开了,若没有写边界,则显示的图像会看起来很怪.box1{ width:200px; background-color:orange; border:5px red solid; } .box11{ width:100px; height:100px; backgroun原创 2020-06-05 16:14:22 · 947 阅读 · 0 评论 -
html、css实现简单的广告
标题:html、css实现简单的广告一、思路确定一个总的格局,写好如下代码后,再写css <div class="outer"> <div class="title"> <a href="#">我的主页</a> <h3>开学时间 </h3> </div> <div class="content">原创 2020-06-04 16:13:20 · 2043 阅读 · 0 评论 -
使用html,css实现导航栏二
标题:使用html,css实现导航栏二方式一:使用无序列表实现【上一篇blog:https://blog.csdn.net/weixin_45986454/article/details/106520168】;方式二:使用div实现导航栏【本篇blog】;<!doctype html><html> <head> <meta charset="utf-8"> <title> 测试导航栏 </title>原创 2020-06-03 11:56:27 · 435 阅读 · 0 评论 -
使用htnl,css实现简单的布局
标题:使用htnl,css实现简单的布局<!doctype html><html> <head> <meta charset="utf-8"> <title> 测试简单布局 </title> <style type="text/css"> /*清除浏览器默认的设置*/ *{ margin:0px; padding:0px; }原创 2020-06-03 11:35:57 · 116 阅读 · 0 评论 -
使用html,css实现简单的导航栏
标题:使用html,css实现简单的导航栏一、实现过程首先通过ul,li实现一个无序列表,添加背景得到如图所示的样式【文档流】让li浮动,使得垂直排列–>水平排列,【注意需要开启bfc,让ul脱离文档流,使得其宽高由ul中的内容li撑开】为li设置宽度,使得ul中的内容分布均匀为超链接设置宽度,使得可以点击的范围更大【注意:此步骤需先将内联元素–>块元素,才能设置宽度】设置字体颜色,大小,去掉超链接的下划线,将文字放置在内容中央即可二、注意:text-align:cent原创 2020-06-03 11:31:30 · 4989 阅读 · 0 评论