CSS&HTML
山鬼谣弋痕夕
学习,记录,改变
展开
-
HTML 中 href、src 区别
href 是 Hypertext Reference 的缩写,表示超文本引用。用来建立当前元素和文档之间的链接。常用的有:link、a。例如:<link href="reset.css" rel=”stylesheet“/>浏览器会识别该文档为 css 文档,并行下载该文档,并且不会停止对当前文档的处理。这也是建议使用 link,而不采用 @import 加载 css 的...原创 2020-02-25 15:42:28 · 422 阅读 · 0 评论 -
CSS中可以和不可以继承的属性
CSS中可以和不可以继承的属性https://www.cnblogs.com/thislbq/p/5882105.html一、所有元素可以继承的属性1、元素可见性:visibility2、光标属性:cursor 二、内联元素可以继承的属性1、字体系列属性2、除text-indent、text-align之外的文本系列属性 三、块级元素可以继承的属性1、t...转载 2018-08-28 10:13:06 · 110 阅读 · 0 评论 -
使用css画等腰直角三角形
使用css画个等腰直角三角形:可以使用border来进行绘制,具体见注释<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>画直角三角形</title> <st原创 2018-08-12 22:29:47 · 4235 阅读 · 0 评论 -
css之display:inline-block布局
css之display:inline-block布局https://www.cnblogs.com/Ry-yuan/p/6848197.html1.解释一下display的几个常用的属性值,inline , block, inline-blockinline: 使元素变成行内元素,拥有行内元素的特性,即可以与其他行内元素共享一行,不会独占一行. 不能更改元素的height,wi...转载 2018-08-11 12:00:23 · 119 阅读 · 0 评论 -
css居中方法实现(水平居中、垂直居中)
https://www.cnblogs.com/Ry-yuan/p/8474206.html1.块元素的水平居中1.使用margin实现水平居中将margin-left 和 margin-right 设置为auto,块元素将会自动匹配适应,实现水平居中 <style>*{ margin:0; padding:0;}.box1{ h...转载 2018-08-11 11:38:31 · 1017 阅读 · 0 评论 -
伪类和伪元素
伪类选择元素基于的是当前元素处于的状态,或者说元素当前所具有的特性,而不是元素的id、class、属性等静态的标志。由于状态是动态变化的,所以一个元素达到一个特定状态时,它可能得到一个伪类的样式;当状态改变时,它又会失去这个样式。由此可以看出,它的功能和class有些类似,但它是基于文档之外的抽象,所以叫伪类。与伪类针对特殊状态的元素不同的是,伪元素是对元素中的特定内容进行操作,它所操作的层次...转载 2018-08-06 16:39:33 · 291 阅读 · 0 评论 -
JavaScript--浅谈DOM操作
JavaScript之浅谈DOM操作https://www.cnblogs.com/Ry-yuan/p/6918155.html1.理解DOM: DOM(Document Object Model ,文档对象模型)一种独立于语言,用于操作xml,html文档的应用编程接口。 怎么说,我从两个角度理解:对于JavaScript,为了能够使JavaScript操作Html,Ja...转载 2018-08-10 14:53:25 · 204 阅读 · 0 评论 -
px em rem 的区别学习
国内的设计大师都喜欢用px,而国外的网站大都喜欢用em和rem,那么三者有什么区别,又各自有什么优劣呢? px像素(Pixel)。相对长度单位。像素px是相对于显示屏幕分辨率而言的。(引自CSS2.0手册) em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸(16px)。(引自CSS2.0手册) r...原创 2018-08-06 11:03:44 · 210 阅读 · 0 评论 -
HTML5中Canvas使用学习
参考菜鸟教程Canvas - 文本使用 canvas 绘制文本,重要的属性和方法如下:font - 定义字体 fillText(text,x,y) - 在 canvas 上绘制实心的文本 strokeText(text,x,y) - 在 canvas 上绘制空心的文本 <canvas id="myCanvas" width="200" height="100" style...原创 2018-08-01 15:04:22 · 347 阅读 · 0 评论 -
display和visibility
display:none指的是元素完全不陈列出来,不占据空间,涉及到了DOM结构,故产生reflow与repaintvisibility:hidden指的是元素不可见但存在,保留空间,不影响结构,故只产生repaint 隐藏元素 - display:none或visibility:hidden隐藏一个元素可以通过把display属性设置为"none",或把visibility属性设...原创 2018-07-30 22:44:27 · 198 阅读 · 0 评论 -
position
HTML布局方式中,常见的三种方式:标准流、浮动、定位标准流就是默认的布局,即顺序布局,即按顺序流的情况进行布局HTML 元素分为 块级元素和内联元素块级元素:div H1~H6 table 表格 有序表无序表 p段落 独占一行(显示方式)垂直内联元素:a img span input ...原创 2018-07-26 22:07:38 · 235 阅读 · 0 评论 -
一张图记住盒子模型&在网页查看盒子样式
一张图记住盒子模型,注意上面是W3C的标准,下面是IE浏览器的标准,注意二者在宽度上的区别:写这些样式的时候需要记得一个原则:用小属性层叠大属性在 CSS 盒子模型 (Box Model) 规定了元素处理元素的几种方式: 内容、内边距、边框、外边距。 在 CSS的标准盒子模型中,width 和 height 指的是内容区域的宽度和高度。增加内边距、边框和外边距不会影响内容区域的尺寸,...原创 2018-07-15 16:12:52 · 2228 阅读 · 0 评论 -
CSS 样式优先级
CSS 样式优先级 转载自http://www.runoob.com/w3cnote/css-style-priority.html当创建的样式表越来越复杂时,一个标签的样式将会受到越来越多的影响,这种影响可能来自周围的标签,也可能来自其自身。下面我们从这两方面去看看 CSS 样式的优先级。CSS 的继承性CSS 的继承特性指的是应用在一个标签上的那些 CSS 属性被传到其子标签上。看下...转载 2018-07-15 17:09:04 · 303 阅读 · 0 评论