CSS
虎鲸一号
Tough Guy
展开
-
CSS | 「margin」重叠不生效?
「margin」重叠问题,网上的相关文章很多,本文不详述。传送门:css margin的相关属性,问题及应用情况描述?这俩的·margin·怎么都保留了 陷入沉思原因分析footer { display: flex; justify-content: center; align-items: center; flex-direction: colum...原创 2020-03-24 17:41:33 · 329 阅读 · 0 评论 -
练习 | FLEX布局基本练习
文章目录题1:整体框架示例题2:商品价格小图题3:淘宝网页版截图题1:整体框架示例使用Flex模型编写HTML页面解index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>EX06</title> &...原创 2020-02-09 21:25:34 · 3103 阅读 · 2 评论 -
练习 | CSS定位练习 实现特定页面布局
文章目录问题记录1.如何实现行内元素始终位于父元素的底部2.代码目标效果完成效果问题记录1.如何实现行内元素始终位于父元素的底部主流办法:相对定位+绝对定位参考文章:css控制div位于父容器底部补充链接:How can I send an inner <div> to the bottom of its parent <div>?之后计算长度,手动设...原创 2020-02-08 22:22:21 · 1139 阅读 · 0 评论 -
练习 | CSS 浮动模型 清除模型 伪类
文章目录题1:清除浮动(使用after伪类)题2:清除浮动(额外标签法)题3:使用伪类题1:清除浮动(使用after伪类)请用浮动模型和清除模型的实现下面版面解index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>...原创 2020-02-04 13:20:40 · 313 阅读 · 0 评论 -
练习 | CSS定位基本练习
文章目录题1:实现淘宝主页的工具盒框架结构题2:绘制图形(左上方三角形)题1:实现淘宝主页的工具盒框架结构1 . 使用div盒子模型中的border,margin,padding和position属性,实现淘宝主页的工具盒框架结构实心框都是图片对象;边线框为文本对象;解效果图(iPone 6/7/8 Plus 屏幕尺寸下)存在的问题1.适应屏幕变化能力差大部分元素的大小是写...原创 2020-02-03 17:55:08 · 1414 阅读 · 0 评论 -
CSS | 命名规范小记
页面主要分为框架,模块,元件组成。框架框架是指构成页面的基础结构,它是一个页面的筋骨。命名以 g- 开头,最外层类名一般与页面同名例子:index.html最外围的 div => .g-index页头 => .g-hd主体 => .g-bd页脚 => .g-ft模块模块是是代码复用的主体部分,是一个个按照功能划分的区域,如导航栏、轮播图、登录窗口...转载 2020-02-02 16:19:52 · 211 阅读 · 0 评论 -
CSS | 关于 select标签 的一些想法
起因在看 <selection> 标签的示例时,突然意识到好像是默认显示第一个<option> 的值并显示,但之前在网上使用类似功能时并没有明显的感受主要的三种样式在CSDN上找的一处 =>默认选择提示信息,列表内会出现提示信息选项在百度上找的一处 => 提示信息:默认显示其中的一个值去油管搜相关视频的时候 突然意识到平时最常见的样式是长这...原创 2019-09-28 14:39:06 · 597 阅读 · 0 评论 -
CSS | 实现图片依次叠加的效果
最近在抄一个页面首页的样式它首页有一个全屏轮播图 中间包含一页 是三张图片依次出现以下为相关代码index.html <div class="slide"> <div class="combine-pic"> <img alt="pic" class="combine-pic one" src="./images/4.j...原创 2019-09-19 00:33:55 · 5193 阅读 · 0 评论 -
CSS | div元素被覆盖 图层置顶
情景描述在写滚轮图的时候,发现之前写的导航被无情盖住…关键词可自行搜索 图层置顶解决办法CCS对应div加上position:absolute; z-index:99999;(往大了写就完事儿了)...原创 2019-09-15 22:35:43 · 7902 阅读 · 0 评论 -
CSS url找不到图片404 Failed to load resource
代码结构file|-static| |-image| | |-1.jpg| | |-2.jpg| | |-3.jpg| |-index.js| |-style.css|-template| |-index.html|-app.py1.Google ChromeFailed to load resour...原创 2019-05-26 23:44:09 · 2495 阅读 · 0 评论 -
报错摘记 | Refused to apply style MIME-type报错CSS样式加载不出来
记录一次报错用Sublime Text,Browser Sync浏览器同步之后,发现样式设置没有起作用,源文件也没加载出style.css报错内容形如Refused to apply style from 'http://localhost:3000/assets/styles/custom-style.css' because its MIME type ('text/html') is ...原创 2019-05-26 14:44:48 · 128724 阅读 · 8 评论 -
异常记录 | CSS position: absoulte;top:10px;right:5vw; 样式设置无效
情况描述相关代码//index.html <div class="tips-icon"> <i class="iconfont email"></i> <i class="iconfont arrow"></i> <i class="iconfo...原创 2019-09-16 16:51:13 · 493 阅读 · 0 评论