- 博客(6)
- 收藏
- 关注
原创 JavaScript多层颜色选项卡嵌套
这是学JavaScript时候的一个作业,如果没有思路还是挺有难度的,但是思路正确的话一步一步来就很简单做出来了。 实现效果 HTML部分代码 <div class="box" id="box"> <ul id="leftBox"> <li class="active">a</li> <li>b</li> <li>c</li&g
2020-09-19 09:46:07 204
原创 css3弹性盒子(flex布局)
概念 弹性盒子,是css3新增的一种布局方式,可以用更有效的方法使弹性容器的内的子元素按 照特定的方式进行排列和对齐以及空间的分配。 定义一个弹性盒子 弹性盒子的组成: 弹性容器、弹性子元素 弹性容器内包含了一个或多个弹性子元素。 display:flex | inline-flex(使容器宽由内容撑开) flex弹性布局 flex布局,可以简便、完整、响应式的实现各种页面。而且它得到了所有浏览器的支持 注意: 弹性容器外及其子元素内是正常渲染的。弹性盒子只定义了弹性子元素如何在弹性盒内布
2020-09-08 11:15:20 438
原创 css中IE浏览器兼容问题
兼容问题 ie中图片边框问题 ie中图片放在a标签中时显示边框 解决:img{ border:none } ie8以下浏览器中背景复合属性写法的问题 正常:background:url("")no-repeat center; ie中这样写图片会显示异常 解决:background:url("") no-repeat center; 其他ie低版本兼容性问题 在IE6中定义小高度的容器 IE6及更早浏览器中,默认最小高度19px,小于19px显示为19px 解决: p{ height:1px; fo
2020-08-28 16:52:11 327
原创 css选择器
ID选择器:ID是唯一的,在一个页面中一个只能出现一次,同时第一个不能写数字 标识符:# class选择器:class选择器可以复用,可以添加多个class样式 标签选择器: 使用场景:去掉某些默认样式时候 群组选择器:通过逗号,给多个不同的选择器添加统一css样式 如:div ,#text ,.title 交集选择器:选中同时满足ele1和ele2的元素 ele1ele2 两个选择器之间没有任何符号,如(ul.txt1) 层次选择器: 后代 M N{ } (全部子代都可继承) 父子 M>N .
2020-08-23 09:51:04 134
原创 css背景属性和标签的转化
css背景属性 backgroun-color: 设置背景颜色 可选值:颜色值 backgroun-image: 设置背景图片 可选值:url(“图片路径”) background-repeat: 设置图片的铺设方式 可选值: repeat 默认值,背景图片将在垂直和水平方向重复平铺 repeat-x 背景图片在水平方向平铺 repeat-y 背景图片在垂直方向上平铺 no-repeat 不平铺 backgroun-position:x y 设置背景图片的起始位
2020-08-23 09:41:20 108
原创 css字体属性和css文本属性
css字体属性 1.color属性:设置文字颜色 值类型: 关键词:red,green… 十六进制:#000,#fff rgb(255,255,255) 2. font-size属性:定义文字大小 属性值:px font-family属性:设置文本的字体系列 属性值:字体名称,如果字体名称有空格,必须加引号,可以设置多个字体名称,中间逗号隔开 font-style属性:指定斜体文字的样式 常用属性值: normal 文本显示正常 italic 文本显示斜体 font-weight属性:设
2020-08-20 14:37:56 215
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人