html
看到了你
这个作者很懒,什么都没留下…
展开
-
引入CSS样式表(书写位置)
引入CSS样式表(书写位置)CSS可以写到那个位置? 是不是一定写到html文件里面呢?内部样式表内嵌式是将CSS代码集中写在HTML文档的head头部标签中,并且用style标签定义,其基本语法格式如下:<head><style type="text/CSS"> 选择器 {属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}</style...原创 2019-01-30 19:56:53 · 1049 阅读 · 0 评论 -
CSS高级技巧
CSS高级技巧元素的显示与隐藏在CSS中有三个显示和隐藏的单词比较常见,我们要区分开,他们分别是 display visibility 和 overflow。他们的主要目的是让一个元素在页面中消失,但是不在文档源码中删除。 最常见的是网站广告,当我们点击类似关闭不见了,但是我们重新刷新页面,它们又会出现和你玩躲猫猫!!display 显示display 设置或检索对象是否及如何显示。d...原创 2019-02-05 22:43:51 · 134 阅读 · 0 评论 -
HTML 因空格上下对不齐的问题
举例,代码如下<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>表单域</title></head><body> <for原创 2019-02-28 16:11:17 · 1933 阅读 · 0 评论 -
浏览器内核
浏览器内核(理解)浏览器内核又可以分成两部分:渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎。渲染引擎 它负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入 CSS 等),以及计算网页的显示方式,然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的效果也不相同。JS 引擎 则是解析 Javas...原创 2019-02-27 11:55:32 · 575 阅读 · 0 评论 -
web标准
Web标准通过以上浏览器的内核不同,我们知道他们工作原理、解析肯定不同,显示就会有差别。问: 哪个语言再全国基本都可以听得懂? Web 标准的好处1、让Web的发展前景更广阔2、内容能被更广泛的设备访问3、更容易被搜寻引擎搜索4、降低网站流量费用5、使网站更易于维护6、提高页面浏览速度Web 标准构成Web标准不是某一个标准,而是由W3C和其他标准化组织制定的一系列标准...原创 2019-02-27 12:03:20 · 442 阅读 · 0 评论 -
html标签
文档类型<!DOCTYPE><!DOCTYPE html> 这句话就是告诉我们使用哪个html版本? 我们使用的是 html 5 的版本。 html有很多版本,那我们应该告诉用户和浏览器我们使用的版本号。 标签位于文档的最前面,用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范,必需在开头处使用标签为所有的XHTML文档指定XHTML版本和类型...原创 2019-02-27 13:07:49 · 346 阅读 · 0 评论 -
html 当元素浮动时,宽度设置为百分制时的问题
普通情况下:当子元素的宽度值以百分制的形式设置时,100%应该为父元素的大小,也就是说百分之多少是以父元素的宽度大小为依据的当元素设置为绝对位移(absolute)或固定位移(fixed)时元素脱离标准文档流,这时元素的大小设置为百分制就不是以父元素为依据(若父元素不是body),而应该是以body为依据。当元素设置为相对位移(relative)若元素设置为相对位移,...原创 2019-03-22 10:44:42 · 1221 阅读 · 0 评论 -
css 利用定位撑开盒子
我们可以同时给元素设置top值和bottom值,这样的话就能撑开盒子给盒子设置高度值,并且该高度是自适应的。如下:<!DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <title>Document</title> ...原创 2019-04-06 21:59:13 · 1426 阅读 · 0 评论 -
css 取消height属性
div { height:20px;}div { height:auto;//取消height}原创 2019-04-17 22:38:55 · 12589 阅读 · 0 评论 -
css实现元素在当前窗口水平垂直居中
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>translate</title> <style> .bg{ //父级盒子高度设置大点方便看出效果 ...原创 2019-07-12 10:53:09 · 1099 阅读 · 0 评论 -
定位(position)
定位(position)background-position 背景定位如果,说浮动, 关键在一个 “浮” 字上面, 那么 我们的定位,关键在于一个 “位” 上。PS: 定位是我们CSS算是数一数二难点的了,但是,你务必要学好它,我们CSS离不开定位,特别是后面的js特效,天天和定位打交道。不要抵触它,反而要爱上它,它可以让我们工作更加轻松哦!为什么要用定位?元素的定位属性元素的定...原创 2019-02-05 22:44:01 · 482 阅读 · 0 评论 -
清除浮动的方法
清除浮动的方法其实本质叫做闭合浮动更好一些, 记住,清除浮动就是把浮动的盒子圈到里面,让父盒子闭合出口和入口不让他们出来影响其他元素。在CSS中,clear属性用于清除浮动,其基本语法格式如下:选择器{clear:属性值;} clear 清除 属性值 描述left 不允许左侧有浮动元素(清除左侧浮动的影响)right 不允许右侧有浮动元素(清除右侧浮动的影响)both ...原创 2019-02-05 22:44:28 · 216 阅读 · 0 评论 -
CSS基础选择器
CSS基础选择器标签选择器(元素选择器)标签选择器是指用HTML标签名称作为选择器,按标签名称分类,为页面中某一类标签指定统一的CSS样式。其基本语法格式如下:标签名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; } 或者元素名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }标签选择器最大的优点是能快速为页面中同类型的标签统一样式,同时这也是他的缺点,不...原创 2019-01-30 20:09:49 · 153 阅读 · 0 评论 -
CSS字体样式属性
font-size:字号大小font-size属性用于设置字号,该属性的值可以使用相对长度单位,也可以使用绝对长度单位。其中,相对长度单位比较常用,推荐使用像素单位px,绝对长度单位使用较少。具体如下:font-family:字体font-family属性用于设置字体。网页中常用的字体有宋体、微软雅黑、黑体等,例如将网页中所有段落文本的字体设置为微软雅黑,可以使用如下CSS样式代码:p{ ...转载 2019-01-30 20:17:53 · 347 阅读 · 0 评论 -
CSS外观属性
CSS外观属性color:文本颜色color属性用于定义文本的颜色,其取值方式有如下3种:1.预定义的颜色值,如red,green,blue等。2.十六进制,如#FF0000,#FF6600,#29D794等。实际工作中,十六进制是最常用的定义颜色的方式。3.RGB代码,如红色可以表示为rgb(255,0,0)或rgb(100%,0%,0%)。需要注意的是,如果使用RGB代码的百分比颜...原创 2019-01-30 20:23:11 · 164 阅读 · 0 评论 -
CSS复合选择器
CSS复合选择器复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的,目的是为了可以选择更准确更精细的目标元素标签。交集选择器交集选择器由两个选择器构成,其中第一个为标签选择器,第二个为class选择器,两个选择器之间不能有空格,如h3.special。记忆技巧:交集选择器 是 并且的意思。 即…又…的意思比如: p.one 选择的是: 类名为 .one 的 段落标...转载 2019-01-30 20:29:43 · 661 阅读 · 0 评论 -
标签显示模式(display)
标签显示模式(display)标签的类型(显示模式)HTML标签一般分为块标签和行内标签两种类型,它们也称块元素和行内元素。具体如下:块级元素(block-level)每个块元素通常都会独自占据一整行或多整行,可以对其设置宽度、高度、对齐等属性,常用于网页布局和网页结构的搭建。 霸道常见的块元素有<h1>~<h6>、<p>、<div>、&l...原创 2019-01-30 20:39:36 · 350 阅读 · 0 评论 -
CSS 三大特性
CSS 三大特性层叠 继承 优先级 是我们学习CSS 必须掌握的三个特性。CSS层叠性所谓层叠性是指多种CSS样式的叠加。是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上,那么这个时候一个属性就会将另一个属性层叠掉比如先给某个标签指定了内部文字颜色为红色,接着又指定了颜色为蓝色,此时出现一个标签指定了相同样式不同值的情况,这就是样式冲突。 就近原则一般情...原创 2019-01-30 20:47:25 · 141 阅读 · 0 评论 -
CSS 背景(background)
CSS 背景(background)CSS 可以添加背景颜色和背景图片,以及来进行图片设置。background-color 背景颜色background-image 背景图片地址background-repeat 是否平铺background-position ...原创 2019-01-30 20:55:57 · 155 阅读 · 0 评论 -
盒子模型(Box Model)
所有的文档元素(标签)都会生成一个矩形框,我们成为元素框(element box),它描述了一个文档元素再网页布局汇总所占的位置大小。因此,每个盒子除了有自己大小和位置外,还影响着其他盒子的大小和位置。盒子边框(border)边框就是那层皮。 橘子皮。。柚子皮。。橙子皮。。。语法:border : border-width || border-style || border-color ...原创 2019-01-30 21:14:13 · 617 阅读 · 0 评论 -
浮动(float)
浮动(float)普通流(normal flow)这个单词很多人翻译为 文档流 , 字面翻译 普通流 或者标准流都可以。前面我们说过,网页布局的核心,就是用CSS来摆放盒子位置。如何把盒子摆放到合适的位置?CSS的定位机制有3种:普通流(标准流)、浮动和定位。html语言当中另外一个相当重要的概念----------标准流!或者普通流。普通流实际上就是一个网页内标签元素正常从上到下,从...原创 2019-01-30 21:19:00 · 189 阅读 · 0 评论 -
css实现两端定宽中间自适应的布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> div { height: 100px; } ...原创 2019-07-12 11:13:29 · 195 阅读 · 0 评论