- 博客(16)
- 收藏
- 关注
RSS订阅原创 HTML5的新增标签及属性
HTML5的新增属性等在HTML5中相较于以前，新增了更多的语义化标签和表单属性以及媒体标签语义化标签在以前的网页编写布局中，我们会使用大量的div盒子，但div和span这两个标签对于浏览器来说是没有语义的，虽然我们可以通过添加类名来区分他们，但对于浏览器来说他们并没有什么不同，在HTML5中新增了许多新得语义化标签：标签名语义header头部nav导航article内容section块级aside侧边footer底部使用语义化标
2020-06-01 06:58:12
268
原创 css的过渡效果
过渡(CSS3)过渡（transition)是CSS3中具有颠覆性的特征之一，我们可以在不使用 Flash 动画或 JavaScript 的情况下，当元素从一种样式变换为另一种样式时为元素添加效果。过渡动画： 是从一个状态 渐渐的过渡到另外一个状态可以让我们页面更好看，更动感十足，虽然 低版本浏览器不支持（ie9以下版本） 但是不会影响页面布局。我们现在经常和 :hover 一起 搭配使用。语法格式:transition: 要过渡的属性 花费时间 运动曲线 何时开始;属性
2020-05-14 20:16:37
618
原创 元素的隐藏与显示
元素的显示与隐藏在网页中经常能看到我们把鼠标移到某个元素上时，出现了一个 新的方块，或者在我们打开网页时，页面上有一些广告，当我们点击后就消失了。实际上这些元素都是在结构中存在的，只是被隐藏了。实现元素的隐藏有多个方法：displayvisibilityoverflowdisplay在前面我们都是使用这个对元素进行转换，这个也可以让元素进行隐藏。当我们需要一个元素隐...
2020-04-28 20:10:15
178
原创 css 的拓展技术
css 的拓展技巧1 . 精灵图技术在网络速度越来越快的今天，我们或许已经早已体会不到网页打开慢，半天都刷不出一个网页的体验，但在2、3G时代，这是很常见的，尤其是在加载图片时，更是能深刻体会到，这也使得如果一个网站的图片如果很多的话，这会使得网站请求服务器的次数增加，降低打开速度，影响客户的使用体验。为了解决这个问题，出现了精灵技术。精灵技术就是将一些不太重要的小的图片制作成一张精灵图，...
2020-04-28 20:08:14
228
原创 css的定位
定位前面学到了标准流和浮动，今天接触第三个：定位。标准流，浮动，定位三个的关系，可以归纳为上中下的关系，下是标准流，在最底层，遵循由上自下的关系，盒子之间不会堆叠。中是浮动，在中层，浮动元素在标准流之上，兄弟关系的标准流与浮动，会出现浮动覆盖标准流的现象，这是因为浮动元素并不真正的占据有位置。浮动元素遵循行排列，多个浮动元素在一起时，会排列成行，当父级元素宽度不足排列时则换行排列。...
2020-04-06 22:55:30
71
原创 css的浮动
CSS的浮动什么叫做浮动如何让盒子浮动浮动标签和兄弟标签的关系浮动标签和父标签的关系清除浮动什么叫浮动/为什么要浮动浮动最初的作用是用于文字包裹图片的效果，通过让图片浮动，让原本作为块级元素的图片不在单独占一行，而是可以和其他元素并列存在，而在后面的使用中发现，浮动用于排版非常方便。在前面我们虽然学习了不同元素的转换，通过元素转换，我们可以把块级元素转换为行内块元素，...
2020-04-06 22:01:12
88
原创 网页的盒子概念
盒子模型的概念在网页布局中，我们经常能发现，网页都是有一个个不同的盒子嵌套排列组成的。如同我们在前面学习的表格。而我们平时使用的各种元素也可以看做是不同的盒子。盒子的组成有四个元素：边框(border)内边距(padding)外边距(margin)内容边框（border）这个属性我们在表格中就接触到了，是用来定义边框宽，样式和颜色的。<style> .one...
2020-03-20 22:10:10
418
原创 CSS的背景
CSS中的背景（background）在我们浏览很多网页中会发现，很多的网页除了各种信息为，都有着形形色色的背景，以此来让网页显得更加漂亮美观。CSS的背景属性有以下几个：背景颜色(background-color)背景图片(background-image：url(背景图片地址))背景平铺(background-repeat）背景位置 (background-pos...
2020-03-16 14:10:25
97
原创 CSS的三大特性
CSS的三大特性覆盖性继承性优先级覆盖性在为HTML文件编写CSS样式时，我们可能会对同一个标签重复编写样式，如：</head> <style> p{ color: red; } p{ color: pink; } </style><body> <p>这是一个段落<...
2020-03-16 13:21:47
89
原创 标签的显示属性
HTML中的标签表现形式在HTML中按标签的不同表现形式分为三种：行内元素块级元素行内块元素行内元素 (display:inline)行内元素标签中只能在其中放文本信息和其他行内元素标签，框架大小只随内容改变，并不能在样式上给宽度和高度。行内元素可以多个并列在一行显示，如<a> < strong> <span> <span>等。...
2020-03-11 00:07:57
341
原创 CSS的选择器
CSS的选择器在CSS的引入中曾经讲过有三个方法，分别是行内式，嵌入式，外链式。这三种方法除行内式外都做到了结构和样式分离（外链式更加彻底）。而在使用过程中，我们也更加提倡使用外链式。那就引申出一个问题。如果CSS不直接写在对应的HTML的标签中，那怎么去把对应的样式给到自己想要给得标签呢？这就要提到选择器了，选择器就是用来将样式准确的给到自己想到的地方，在CSS中选择器分为两大类： ...
2020-03-08 20:10:05
76
原创 关于CSS引入HTML
关于CSS引入HTMLCSS引入HTML有三种方式行内式嵌入式外链式行内式直接在HTML的标签中进行编写，需要改变哪行就在哪行内直接进行CSS的编写。代码如下：<p style:fout-size:24px; color:red;>这是一个段落</p>优点：简单粗暴。缺点：非常麻烦，样式和结构未分离。嵌入式嵌入式基本实现了...
2020-03-07 18:49:35
154
原创 HTML的表格
关于HTML的表格在HTML中表格一般是用来展示数据的，表格也是一种经常要用到的标签表格的最基本框架表格的最基本框架由三部分组成表格框行单元格在HTML中没有列的概率，表格是由多行中的单元格组成。而在行中定义了几个单元格就意味着这个表格由几列。首先先认识最基本的标签+ ``定义一个框架+ ``定义一行+ ``定义表头单元格+ ``定义普通单元格+ ``定以表...
2020-03-07 17:34:24
151
原创 关于CSS的外观总结
关于四个CSS的外观总结已学习的外观属性有以下几个colortext-alignline-heighttext-indenttext-decorationcolor:用来改变文字的颜色，颜色属性写法有三种：1.预定颜色（如red）2.16进制码（如#66ccff）3.RBG码在实际使用中多以16进制码来编写，16进制码在有些情况下可以进行缩写，如#66ccff...
2020-03-07 12:35:00
144
原创 关于CSS中的font
关于CSS中的font在我已经学习的fort中一共有四个font-stylefont-weightfont-familyfont-size这四个都是用于对文本进行调整的font-style:用来修改文本是否倾斜，但在实际开发中很少用到倾斜，反而经常被用来将倾斜的文本修正。代码如下：<style> .italic{ font-style:italic; }...
2020-03-06 22:57:55
145
原创 关于HTML的表单
关于HTML中的表单表单由三个元素组成表单域表单控件文本信息表单域：表单的所有信息和控件都需要处于表单域中，这样在才可以提交整个表单表单域的标签为<form></form>代码如下：<form><form/>表单控件：表单控件是表单的主题，标签为<input />而其中有一个必须要填写的属性标签...
2020-03-03 22:23:50
86
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人