CSS
微子细
少就是多,慢就是快,输就是赢。
展开
-
【CSS】入门笔记
本文笔记基于B站资源:千峰教育转载请注明出处!目录1.初识CSS2.容器的作用3.内部样式4.选择器权重小结5.文本属性6.背景图7.元素浮动布局(上)8.元素浮动布局(下)9.盒模型CSS+DIV10.简写1.初识CSS标签内style:1.字体标红:<td rowspan="4" align="center" style=...原创 2019-08-06 10:26:20 · 318 阅读 · 0 评论 -
CSS3选择器
本文笔记基于「千古壹号」的GitHub项目:https://github.com/qianguyihao/web非商业用途自由转载,保持署名,注明出处!文章目录1.属性选择器2.伪类选择器3.伪元素选择器4.小结1.属性选择器^:开头 ; $:结尾; *:包含~=: 用空格分隔的字词列表,其中一个等于 val 的E元素要么是一个单独的属性值,要么这个属性值是以“-”分隔的.a...原创 2019-07-15 17:32:35 · 125 阅读 · 0 评论 -
【移动Web开发】Bootstrap基础及安装less编译环境
本文笔记基于「千古壹号」的GitHub项目:https://github.com/qianguyihao/web非商业用途自由转载,保持署名,注明出处!文章目录1.基础2.less3.less的编译1.基础中文官网下载以及文档查阅地址:https://v3.bootcss.com/meta标签Compatible:表示IE下使用最新标准viewport 视口:在移动端浏览器的设置...原创 2019-07-18 12:50:41 · 157 阅读 · 0 评论 -
如何制作网页的快捷导航栏部分?
本文笔记基于「千古壹号」的GitHub项目:https://github.com/qianguyihao/web转载请注明出处!目录1.全部商品分类部分2.具体商品分类部分3.右侧logo4.网页两侧的广告5.轮播图6.京东快报+充话费等7.今日推荐主要布局如下:1.全部商品分类部分html:设置div,第一行内容为超链接,其余行内容为列表形式;“...原创 2019-07-07 14:48:27 · 2845 阅读 · 0 评论 -
CSS3常用属性(颜色、边框和渐变等)
本文笔记基于「千古壹号」的GitHub项目:https://github.com/qianguyihao/web非商业用途自由转载,保持署名,注明出处!文章目录1.凹凸文字效果1.凹凸文字效果...原创 2019-07-16 21:03:48 · 755 阅读 · 0 评论 -
CSS3中的flex布局
本文笔记基于「千古壹号」的GitHub项目:https://github.com/qianguyihao/web非商业用途自由转载,保持署名,注明出处!文章目录1. 伸缩布局2.对齐方式2.1 横向对齐2.2 侧轴对齐3.设置属性1. 伸缩布局传统布局:设置盒子,左浮动flex布局,举例:html中设置多个ul列表,css中在ul内做相应设置css代码含义di...原创 2019-07-17 16:04:13 · 164 阅读 · 0 评论 -
【CSS3动画】过渡 transition、转换transform与动画animation
本文笔记基于「千古壹号」的GitHub项目:https://github.com/qianguyihao/web非商业用途自由转载,保持署名,注明出处!文章目录1.过渡 transition1.1 基础1.2 举例:商品详情2. 转换 transform1.1 基础1.2 2D转换1.2.1 缩放 scale1.2.2 位移 translate1.2.3 旋转 rorate1.2.3 举...原创 2019-07-17 20:11:48 · 471 阅读 · 0 评论 -
【前端】笔试题 2019.08.07
选择题:HTML+CSS+JS参考链接:https://www.nowcoder.com/非商业用途自由转载,保持署名,注明出处!onBlur:失去焦点触发;function关键字不属于对函数的调用,而是对函数的声明;设置一般用set开头,获取用get开头;作用域:限定可用性的范围;作用域链:决定哪些数据能被函数访问;with try-catch eval都会改变作用域链,whi...原创 2019-08-08 13:33:40 · 1010 阅读 · 0 评论 -
【前端】笔试题 2019.08.09
选择题:HTML+CSS+JS参考链接:https://www.nowcoder.com/非商业用途自由转载,保持署名,注明出处!1.块内声明函数的做法?不要在块内声明一个函数(严格模式会报语法错误)。如果确实需要在块中定义函数,可以使用函数表达式来声明函数;if (x) { var foo = function() {}}2.jsvar x = new Boolean(fals...原创 2019-08-09 14:12:26 · 1112 阅读 · 0 评论 -
【前端】笔试题 2019.08.10
1.angularjs1中服务的正确写法是?ng-service(service服务,server服务器)2.Cookie 是保存在用户浏览器上的小文本文件,不是数据库,也没有提供操作数据库的 API,功能如下:记录访问者的信息在页面之间传递信息自动识别用户3.History对象的属性或方法:back()回到浏览器载入历史URL地址列表的当前URL的前一个URL。forward...原创 2019-08-11 20:23:58 · 341 阅读 · 0 评论 -
【前端面试】01 页面布局
本文笔记基于「千古壹号」的GitHub项目:https://github.com/qianguyihao/web文章目录1.问题2. 解决方法2.1 浮动2.2 定位2.3 flexbox布局2.4 表格布局2.5 网格布局3.延伸:5种方法对比4.总结1.问题问题:假设高度默认100px ,请写出三栏布局,其中左栏、右栏各为300px,中间自适应。方法:浮动绝对定位flexbox...原创 2019-08-21 15:11:51 · 339 阅读 · 0 评论 -
【前端面试】02 CSS盒模型及BFC
本文笔记基于「千古壹号」的GitHub项目:https://github.com/qianguyihao/web文章目录1.问题2.解决方法2.1 基本概念2.2 如何设置两种盒模型2.3 JS如何设置、获取盒模型对应的宽和高2.4 margin塌陷/margin重叠2.5 边距重叠解决方案1.问题谈一谈你对CSS盒模型的认识?延伸:基本概念标准盒模型与IE盒模型的区别CSS如何设...原创 2019-08-21 16:23:04 · 228 阅读 · 0 评论 -
如何制作网页的顶部和底部?
本文笔记基于「千古壹号」的GitHub项目:https://github.com/qianguyihao/web目录1.引入外链设置2.css通用设置3.顶部导航4.banner图5.搜索框部分6.搜索框下面部分7.“多快好省”等口号8.购物指南9.地图10.其他基本div设置思路,从上到下,从左到右,层层嵌套,主要div框架如下:1....原创 2019-07-05 19:05:32 · 3018 阅读 · 0 评论 -
CSS易混淆的知识点整理
本文笔记基于「千古壹号」的GitHub项目:https://github.com/qianguyihao/web1.margin-left:-5px;左外边距:往父盒子最左端再左移5px(已超出),其他外边距不变。其实就是对先前的margin做些小修改!如果不能理解可以先理解margin-left:5px;即左外边距为5px。2.margin-left:-50%;左外边距:往父盒子最左端再...原创 2019-07-04 15:16:46 · 370 阅读 · 0 评论 -
通过HTML和CSS设计一个静态网页(练习实例,附完整代码)
本文笔记基于「千古壹号」的GitHub项目:https://github.com/qianguyihao/web网页原址:博雅互动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="...原创 2019-07-04 15:31:48 · 98805 阅读 · 10 评论 -
CSS常用属性汇总(背景、字体、文本、盒子等)
本文笔记基于「千古壹号」的GitHub项目:https://github.com/qianguyihao/web1.背景(5大属性)背景颜色:background-color 将图像设置为背景:background-image:url(); 是否平铺:background-repeat:no-repeat 或 repeat-x 或repeat-y 设置背景图片是否跟着滚动条一起移动:...原创 2019-07-02 20:27:47 · 22386 阅读 · 0 评论 -
理解CSS浮动(练习实例,附完整代码)
本文笔记基于「千古壹号」的GitHub项目:https://github.com/qianguyihao/web效果图:代码:<!-- 仅定义一个父div,然后从左到右,从上到下的顺序 --><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&g...原创 2019-07-02 20:33:14 · 765 阅读 · 0 评论 -
通过一个实例理解“父相子绝”(CSS重难点,附完整代码)
本文笔记基于「千古壹号」的GitHub项目:https://github.com/qianguyihao/web效果图:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="widt...原创 2019-07-02 20:38:40 · 1095 阅读 · 0 评论 -
【HTML+CSS】详细整理!备战秋招,夯实基础,查漏补缺!
1.HTML1.html负责结构,css负责样式,js负责行为,哪一个最重要?我觉得是html,就像人的骨架。只有html扎实了,才有进一步优化的可能,虽然简单,但很重要。2.已经发展到html5了,还有必要学习html吗?存在即合理,通过html的学习,才能叩开前端的大门!3.主要内容要学些啥?(梳理一下)内核、web标准;div-span;常见标签:img、a、bas...原创 2019-09-03 16:31:06 · 735 阅读 · 0 评论