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

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…