CSS的再深入5（更新中···）

CSS的再深入（更新中···）

在上一章我们提到了一个新的概念,叫做块级样式,讲到这里就要科普一下: 标签又分为两种: (1)块级标签元素特征:会独占一行,无论内容多少,可以设置宽高··· (2)内敛标签(又叫做行内标签) 元素特征:根据内容的多少占用空间大小,它的上下margin不起作用 (块级:P h1- h6 div ul ol dl li···) (内敛:span img i b a em icon···) 有时,我们会使用块级标签,有时会使用内敛标签,但老是改标签是不是太麻烦了呢?有没有其它的方法呢? 答案是:有…

CSS的初了解（更新中···）

在前面,我们学习了html的结构.基本骨架.起名方式和选择器,接下来,我们就要学习CSS了. 首先,我们要知道CSS是什么. CSS 全称叫层叠样式表,作用是给html添加样式style,添加属性. 在网页中(或者说在html)中如何嵌套style? 我们先来学三种嵌套样式: 1.行间样式将style当属性写在标签内,权重为1000 如: 2.行内样式将style当标签写在head之间如: (前面不知道style写在哪里的看看这两张图片,现在知道写在哪了吧) 3.把style当作css文件…

less.css基础学习，陆续更新中

//基础//概念:动态样式语言,有很多语言的特性:变量,函数,运算等 //变量:通过一个简单的@+字母,数字下划线等,但不能以数字开头,不能关键字,保留字等//注意less.css是全局变量,除在函数内 //例子,创建赋值,然后计算等操作@num:20px;@numCount:@num+10px; //调用.div{ width:@numCount+70px; height:10px*@num; background-color: red; //当要获取当前这个对象时,使用如下: &{ padd…

JS基础知识再整理..........不断更新中

1.JS的五种基本数据类型:字符串.数值.布尔.null.underfined. 2.在JS中,字符串.数值.布尔三种数据类型,有其属性和方法: 3.字符串的三种常用方法[.indexof()..substring()..split()]和一种常用属性[.length]; 例子如下: /*提取字符串中列表的每一项*/ var aa="This is a list:red,blue,white,black."; var start=aa.indexOf(":"); /…

CSS效果集锦（持续更新中）

高亮光弧效果使用CSS3实现的一个高亮光弧效果,当鼠标hover到某一个元素上时,一道光弧从左向右闪过,效果如下: 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>light</title> <style> body{ margin: 0; } a.floor{ display:…

css：使用笔记(不断更新中...)

1,inline-block Inline :1是不支持宽高的 2 在一行内显示 span 啥的~ Block:1,占一行 2支持宽高但是img因为在一行并排显示,我们归为行(内嵌)元素,但支持设置宽高就是inline-block . 本质inline-block :行内的块: 一特性,行并排显示,2,并支持宽高设定3,内容撑开宽度.只是宽度一问题1,多个inline的标签之间有间隙,宽度为字体(哪个字体?)大小的一半,设置字体16 间隙为8 20--10 解决:解决方案1 doyue解决方…

CSS的进一步深入（更新中···）

在之前我们学了6种选择器和三种CSS样式的引入,学习选择器就是为了更好的选择文本,学习CSS的引入是为了使文本增加各种样式和属性, 下面我们简单来学习一下为文本加样式和一些属性和属性值: 1.文本的样式 text (1)颜色 color:red/blue/pink/···: (2)文本对齐方式 text-align:left/center/right/…

HTML + CSS （下）【更新中】

弹性盒子: 定义:弹性盒子模型是css3中新提出的一种布局方案.是一种为了应对针对不同屏幕宽度不同设备的一整套新的布局方案. 主要是对一个容器中的子元素进行排列.对齐和分配空白空间的方案的调整. 新旧版本的弹性盒子模型: 在之前,css3曾经推出过旧版本的弹性盒子模型.相对于新版本的弹性盒子模型而言,旧版本的内容与新版本还是有些出入. 而且,从功能上来讲,旧版本的弹性盒子模型远远没有新版本的盒子模型强大,从兼容性来讲,二者在pc端ie9以下都存在着兼容性问题,但是在移动端,旧版本的弹性盒子模型兼…

CSS相关知识（持续更新中）

1. 弹性布局一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式.引入弹性布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列.对齐和分配空白空间. 2. 选择器…

html2canvas - 项目中遇到的那些坑点汇总(更新中...)

截图模糊原理就是讲canvas画布的width和height放大两倍. 后来学习canvas的时候,才了解到这种写法不同于css的宽高设置, 因为css里的只是展示画布显示的大小,不像这样是canvas真正的内里图画分辨率的大小. /*图片跨域及截图模糊处理*/ let shareContent = domObj,//需要截图的包裹的(原生的)DOM 对象 width = shareContent.clientWidth,//shareContent.offsetWidth; //获取d…

沉淀，再出发：sublime中快捷键和html标签的使用和生成以及使用markdown

沉淀,再出发:sublime中快捷键和html标签的使用和生成以及使用markdown 一.前言工欲善其事,必先利其器.在软件代码的编写中,一定要知道IDE或者编辑器的快捷键的使用,这样可以提高很多的效率,特别是在前端代码的编写之中,很容易的就出现了HTML标签,若是每次都一个个敲出来,不仅不美观,反而非常浪费时间,因此我们需要学习一套快捷生成HTML以及标签的方法,无疑sublime text是当下非常流行的编辑器软件,非常强大和好用.那么让我们来看一下强大的sublime text吧. 二…

fastadmin 后台管理框架使用技巧(持续更新中)

fastadmin 后台管理框架使用技巧(持续更新中) FastAdmin是一款基于ThinkPHP5+Bootstrap的极速后台开发框架,具体介绍,请查看文档,文档地址为:https://doc.fastadmin.net/docs/index.html 这里只整理一下在使用过程中用到的小技巧,以便用到的时候查看,其实,在fastadmin的论坛中,有一篇介绍后台表格的文章,说的也不错,如有问题,请先点击:一张图解析FastAdmin中的表格列表的功能如果还没解决,那就继续往下看了 1.修…

前端面试题总结——HTML(持续更新中)

前端面试题总结--HTML(持续更新中) 1.什么是HTML? HTML:HyperText Markup Language超文本标记语言 2.XHTML和HTML有什么区别 HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的标记语言 3.简述一下你对HTML语义化的理解? html语义化让页面的内容结构化,结构更清晰,便于对浏览器.搜索引擎解析; 4.浏览器页面有哪三层构成,分别是什么,作用是什么? 浏览器页面构成:结构层.表示层.行为层分别是:HTML.CSS.JavaSc…

【前端面试】Vue面试题总结(持续更新中)

Vue面试题总结(持续更新中) 题目参考链接 https://blog.csdn.net/weixin_45257157/article/details/106215158 由于已经有很多前辈深造VUE的某一块知识,所以我也是大树下好乘凉,进行总结与积累. 就有这篇博客,希望对各位面试求职的同学有所帮助. 注意: 每题都附上链接并不是说要参考这个链接的意思,而是他们的例子或者解释说明更好.更全与更方便理解. 学习方法: 多看理论总结,多跟着大佬写项目.当新的问题被你发现了,你就离大佬就不远了.…

再谈SQL Server中日志的的作用

简介之前我已经写了一个关于SQL Server日志的简单系列文章.本篇文章会进一步挖掘日志背后的一些概念,原理以及作用.如果您没有看过我之前的文章,请参阅: 浅谈SQL Server中的事务日志(一)----事务日志的物理和逻辑构架浅谈SQL Server中的事务日志(二)----事务日志在修改数据时的角色浅谈SQL Server中的事务日志(三)----在简单恢复模式下日志的角色浅谈SQL Server中的事务日志(四)----在完整恢复模式下日…

java视频教程 Java自学视频整理(持续更新中...)

视频教程,马士兵java视频教程,java视频 1.Java基础视频 <张孝祥JAVA视频教程>完整版[RMVB](东西网) 历经5年锤炼(史上最适合初学者入门的Java基础视频)(传智播客) 张孝祥2010年贺岁视频:Java高新技术(传智播客) Java多线程与并发库高级应用(传智播客) 尚学堂JAVA视频下载大全(持续更新中...请关注!)(尚学堂) 张孝祥Java高新技术(学习资料网) Java视频教程(最适合Java初学者的经典入门视频)(传智播客) <马士兵 JAVA JSP…

Android开发面试经——4.常见Android进阶笔试题（更新中...）

Android开发(29) 版权声明:本文为寻梦-finddreams原创文章,请关注:http://blog.csdn.net/finddreams 关注finddreams博客:http://blog.csdn.net/finddreams/article/details/44301359 上一篇文章我们已经了解了Android笔试的一些基础题目, [<Android开发面试经——2.常见Android基础笔试题> ] (http://blog.csdn.net/finddreams…

Cocos2d-x 3.0final手机游戏开发视频教程2014 - 自学编程 -(陆续更新中)

内容: 非常多人问我:沈老师,要不要更新引擎版本号到3.0,更新这么快,以后会不会每一个月都有一次,好怕呀. 我说:无论你曾经是哪个版本号,3.0final是一个架构级别的升级,能够在新项目中果断升级.还包含下面: c++11 的特性的使用(比方Lambda函数,auto等新特性的使用,这些特性用上会让人上瘾的) 更改了渲染的方式 (详细还得再了解,总之官方称性能提升了15个百分点). 更改了字体的atlas 渲染方式,提高了多字的渲染效率. 增添了新的GUI. 编辑器支持:…

《WCF技术剖析》博文系列汇总[持续更新中]

原文:<WCF技术剖析>博文系列汇总[持续更新中] 近半年以来,一直忙于我的第一本WCF专著<WCF技术剖析(卷1)>的写作,一直无暇管理自己的Blog.在<WCF技术剖析(卷1)>写作期间,对WCF又有了新的感悟,为此以书名开始本人的第三个WCF系列.本系列的目的在于对<WCF技术剖析>的补充,会对书中的一些内容进行展开讲述,同时会囊括很多由于篇幅的原因忍痛割弃的内容. [第1篇] 通过一个ASP.NET程序模拟WCF基础架构本系列的第一篇,我将会对WC…

第一章：大数据の Linux 基础 [更新中]

本课主题 Linux 休系结构图 Linux 系统启动的顺序 Linux 查看内存和 CPU 指令环境变量加载顺序 Linux 内存结构 Linux 休系结构图 Linux 大致分为三个层次,第一层是就是用户空间层,就是离我们最近的层,它一般有Shell和应用程序,大数据基乎所有的应用软件都在用户空间层,另外就是核心层,它是 Linux 的内核,它负责与硬件进行交互,为系统的用户空间提供服务.为了不让用户空间直接访问内核的地址空间,它做了限制,加了一层 System Call,防止系统当机.…

关于Java，那些我心存疑惑的事（不断更新中...）

本文主要列出一些Java常用到确又让大家不怎么注意的问题. 将会不断更新,欢迎关注-- 如有觉得不合理之处,欢迎评论交流,没有火花怎么印象深刻? (1)Java到底是值传递?还是引用传递? 揪出这个问题是因为有同学说开始写博客了,于是他写怎么篇博客:Java到底是值传递?还是引用传递?,说让我看看. 我看完觉得挺合理的,马上给他回复说"不错哦".合理是合理,但是按照他的说法,那什么不是传值过去啊,都是值传递? 今天早上上班,来得比较早,就百度了一下这个问题,于是又看到了另外一篇文章:J…

html知识点汇总（持续更新中）

本人从事前端行业三年多,打算从今天开始整理一些关于前端的一些比较经典的知识点,持续更新中...希望能对一些相关知识点有疑问的朋友有一些帮助! HTML篇: 1.常见的行内元素/块级元素/空元素有哪些? 行内元素:span/img/input/i/b/select/botton/a... 块级元素:div/p/h1~h6/ul/li/ol/dl/dt/table/form/section/header/footer... 空元素:hr/br/img/input/meta/link...(没…

网上搜集python面试题（更新中......）

武Sir博客拿的面试题,答案都是自己写的,多有不足,请多多指教.更新中...... 1.为什么学习Python? a.写起来快,看起来明白.作为通用性的语言,除了一些对性能要求很高的场合,几乎什么都能干,常见领域:web服务器.计算科学.程序脚本.系统管理 2.通过什么途径学Python? 看各种教学视频,看博客. 3.Python和Java.PHP.C.C#.C++等其他语言的对比? Python是一门面向对象的解释性语言,Python通过缩进来确定作用域,Python代码简洁易读. Pyth…

C# 调用windows api 操作鼠标、键盘、窗体合集...更新中

鼠标操作window窗体合集...更新中 1.根据句柄查找窗体引自http://www.2cto.com/kf/201410/343342.html 使用SPY++工具获取窗体首先打开spy++工具,同时点击"查找窗口"按钮(望远镜),再点击"查找程序工具"中按钮拖拽至要查看的窗体中,点击"确定"按钮. IntPtr awin = MouseHookHelper.FindWindow("WeChatMainWndForPC&qu…

Windows phone 应用开发系列教程（更新中）

Windows phone 应用开发[1]-Text To Speech 作为开篇章节.第一篇将在如下介绍一些Windows phone比较有意思的东西-Text To Speech[文本到语音转换]. 相信大家最近一定对IPhone 4S 的Siri影响深刻.其实作为智能Smart Phone一个终极标准之一就是实现人类语言和机器语言的无障碍. 也就是第三次GUI革命-人机智能领域.这个我会稍后几篇提到Siri实现原理和Windows phone 在语音Tellme实现和发展情况…

百度前端学院js课堂作业合集+分析(更新中...)

第一课:简陋的登录框 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js课程第一课</title> <style> body{padding: 20px;font:16px "微软雅黑";} h3{text-align: center;margin-top: 0;} la…

沉淀再出发：java中的HashMap、ConcurrentHashMap和Hashtable的认识

沉淀再出发:java中的HashMap.ConcurrentHashMap和Hashtable的认识一.前言很多知识在学习或者使用了之后总是会忘记的,但是如果把这些只是背后的原理理解了,并且记忆下来,这样我们就不会忘记了,常用的方法有对比记忆,将几个易混的概念放到一起进行比较,对我们的学习和生活有很大的帮助,比如hashmap和hashtab这两个概念的对比和记忆. 二.HashMap的基础知识 2.1.HashMap的介绍 HashMap 是一个散列表,它存储的内容是键值对(key-val…

沉淀再出发：java中的CAS和ABA问题整理

沉淀再出发:java中的CAS和ABA问题整理一.前言在多并发程序设计之中,我们不得不面对并发.互斥.竞争.死锁.资源抢占等等问题,归根到底就是读写的问题,有了读写才有了增删改查,才有了所有的一切,同样的也有了谁读谁写,这样的顺序和主次问题,于是就有了上锁,乐观锁和悲观锁,同步和异步,睡眠和换入换出等问题,归根到底就是模拟了社会上的分工协作与资源共享和抢占,要理解好这些现象的本质,我们需要更加深刻地进行类比和辨析,要知道这些内容的本质就是内存和CPU之间的故事,有的时候还会有一些外存或者其他…

转 : CSS Modules详解及React中实践

https://zhuanlan.zhihu.com/p/20495964 CSS 是前端领域中进化最慢的一块.由于 ES2015/2016 的快速普及和 Babel/Webpack 等工具的迅猛发展,CSS 被远远甩在了后面,逐渐成为大型项目工程化的痛点.也变成了前端走向彻底模块化前必须解决的难题. CSS 模块化的解决方案有很多,但主要有两类.一类是彻底抛弃 CSS,使用 JS 或 JSON 来写样式.Radium,jsxstyle,react-style 属于这一类.优点是能给 CSS 提…

tp5 使用技巧（持续更新中...）

tp5 使用技巧(持续更新中...) 1.自动写入时间 create_time和update_time 使用save方法才行,insert方法不生效,不知为何 2.过滤字段 allowfield和strict方法 allowfield()方法配合save方法, strict()方法配合insert方法, 搭配使用,不知怎的,交叉就不能过滤字段了 3.跨模型,有点像是远程一对多关联的替代 $list = self::with(['album','album.Image']) ->whe…

【CSS的再深入5（更新中···）】的更多相关文章