HTML5和CSS3的前世今生
HTML5致力于解决跨浏览器问题,可以部分取代原来的JS;HTML5致力于把浏览器变成一个前端程序执行环境而不是简单的视图呈现工具。CSS3可以使用新的可用的选择器和属性,去实现动态和渐变等效果。借助HTML5和CSS3,可以花费更少的时间,去开发出功能更强大的界面。
湮顾千古
不要怕跌倒,重点是为什么来到这里。
展开
-
HTML5新增的拖放API
HTML5新增了关于拖放的API,通过拖放API可以让HTML页面的任意元素都变成可拖动的,通过使用拖放机制可以开发出更友好的人机交互界面。拖放操作可以分成两个动作:在某个元素上按下鼠标并移动鼠标(没有松开鼠标),此时开始拖动;在拖动过程中,只要没有松开鼠标,将会不断地产生拖动事件——这个过程被称为拖;把被拖动的元素拖动到另外一个元素上并松开鼠标——这个动作被称为放。拖放操作由拖和放两个动作组成。...原创 2019-04-19 16:27:58 · 637 阅读 · 0 评论 -
学会CSS3中的这几招,屌丝也能逆袭成为前端大神!
CSS3是CSS技术的升级版本,CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂,所以,把它分解为一些小的模块,更多新的模块也被加入进来。这些模块包括: 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。如果大家喜欢湮顾千古的文章,可以关注我的专栏HTML5和CSS3的前世今生CSS3给我们带来的影响CSS3将完全向...原创 2019-03-03 15:52:40 · 1704 阅读 · 1 评论 -
HTML5+CSS3自制特效 | ul li横排显示效果、一闪一闪亮晶晶的动画特效、圆球分支斜线、圆形轨迹移动
HTML5+CSS3自制特效ul li横排显示效果代码:<html> <head> <style> /* ul li以横排显示 */ /* 所有class为menu的div中的ul样式 */ div.menu ul{ list-style:none; /* 去掉ul前面的符...原创 2019-03-03 15:24:06 · 3013 阅读 · 0 评论 -
三分钟带你看完CSS3新增的用户界面和滤镜属性
CSS3提供了一些用户界面、滤镜相关属性,通过这些属性可以更便捷地实现某些特殊的用户界面。1.appearance属性appearance属性允许将HTML元素设置成使元素看上去像标准的用户界面元素。该元素支持如下属性。appearance属性值 描述 Chrome Safari iOS Safari Android Browser ...原创 2019-02-11 21:36:28 · 1075 阅读 · 0 评论 -
CSS3新增的表格、列表属性以及media query媒体查询
CSS针对表格、列表等特定组件提供了相应的属性,通过表格相关属性可以控制表格的边框样式、表格标题所在位置、表格布局等;通过列表相关属性则可以控制列表样式,包括改变列表项的标记,甚至使用自定义图片作为列表项的标记。CSS3还提供了media query功能,通过media query可以针对不同的显示类型、不同参数细节的输出媒体使用不同的CSS布局,从而允许页面进行自适应调整。1.表格相关属性...原创 2019-02-14 14:23:46 · 1398 阅读 · 1 评论 -
揭开CSS3盒模型的秘密
在CSS布局属性中,display属性是一个功能非常丰富的属性,它除了支持inline和block两种基本的盒模型之外,还可以通过指定display为none来隐藏HTML元素,也可以指定inline-block、inline-table、list-item、run-in等盒模型。通过display属性可以对HTML元素进行灵活布局,除了使用display属性控制盒模型之外,CSS3增加了box-...原创 2019-02-12 18:03:41 · 1061 阅读 · 1 评论 -
CSS3新增的渐变背景,你了解多少?
CSS3为背景了线性渐变支持,这样就允许开发者进行更多灵活的背景设置。1.使用line-gradient设置线性渐变CSS3为线性渐变提供了line-gradient函数,linear-gradient() 用于创建一个线性渐变的 "图像"。语法格式如下所示:line-gradient(方向? 颜色列表)上面语法中的方向用于指定线性渐变的方向,该方向可以省略。如果省略指定方向,线...原创 2019-02-11 20:04:46 · 3050 阅读 · 0 评论 -
CSS3的大小、定位、轮廓相关属性
CSS还提供了大小相关属性来控制HTML组件的大小,例如通过width属性控制HTML组件的宽度,通过height属性控制HTML组件的高度。使用这种大小相关的属性允许我们自定义HTML组件的大小。width、height相关属性大小相关属性主要用于设置目标对象的宽度、高度,包括最大宽度、高度,以及最小宽度、高度。常用的大小相关属性有如下几个。 height 用于设置目标对...原创 2019-01-30 11:38:05 · 1801 阅读 · 0 评论 -
CSS3的背景、边框和边距相关属性
CSS3 包含多个新的背景属性,它们提供了对背景更强大的控制,进一步增强了背景功能,这些属性可以控制背景图片的显示位置、分布方式等;除此之外,CSS3还新增了多背景图片支持,从而允许我们在HTML组件中定义多个背景图片。CSS3还新增了大量边框相关属性,通过这些属性可以让我们定义圆角边框、渐变边框、图片边框等。背景相关属性背景相关属性用于控制背景色、背景图片等属性。在控制背景图片的同时,还...原创 2019-01-27 21:31:50 · 4037 阅读 · 0 评论 -
CSS3的字体和文本相关属性
CSS3其中一个重要变化就是增加了服务器字体功能,这样避免了我们浏览页面时因为字体缺失导致网页效果变差的问题。通过CSS3的服务器字体功能,可以控制浏览器使用服务器包含的字体,这样可以保证即使我们的电脑上没有安装任何字体,也可以呈现出统一的页面。 字体相关属性CSS为控制文本的字体提供了很多的属性,这些字体相属性关的属性主要用于控制文本的字体、颜色、修饰等外观。字体相关属性如下所示:f...原创 2018-10-28 12:30:17 · 8180 阅读 · 0 评论 -
CSS3新增的伪类选择器,让你体验使用CSS3的快感。
CSS选择器用于选择你想要的元素的样式的模式。伪类元素主要用于对已有选择器做进一步的限制,对已有选择器能匹配的元素做进一步的过滤。伪类选择器1.UI元素状态伪类选择器UI元素状态伪类选择器主要用于根据UI元素的状态进行筛选,UI元素状态伪类选择器有如下几个。示例 描述 示例 描述 :link 选择链接元素 :visited 访问过链接元素...原创 2018-10-27 13:24:03 · 7516 阅读 · 0 评论 -
HTML5新增的客户端校验,你跟上HTML5时代前进的脚步了吗?
在以前,客户端校验只能通过JavaScript来完成,不过HTML5的出现,改变了这种现状,HTML5为表单控件增加了一些输入校验属性。HTML5页面只要简单地设置这些校验属性即可完成客户端校验。1.使用校验属性执行校验HTML5为表单控件添加了如下几个校验属性。required:指定表单控件必须填写。 pattern:指定表单控件的值必须符合指定的正则表达式。 min、max...原创 2018-09-18 09:08:25 · 7457 阅读 · 0 评论 -
为了创建更好的页面结构,HTML5提供了新的【结构元素】
在HTML5以前,我们只能通过div元素作为结构元素,而HTML5则提供了article、section、nav、aside、header、footer、main等文档结构元素。1.article与section元素article:用于页面上独立、完善的一篇文章,该元素表示的内容是一个帖子、一篇Blog文字、一篇短文、一条完整的回复。总而言之,只要是一篇独立的文档内容,就应该使用artic...原创 2018-06-01 10:11:21 · 5059 阅读 · 0 评论 -
HTML5增强的通用属性
就现在我了解的HTML5保留了大量原有的HTML元素,并且也为这些元素增加了一些通过属性,来增强元素的功能。如果喜欢博主的分享,可以关注我的专栏 HTML5和CSS3的前世今生...原创 2018-05-13 12:34:34 · 5358 阅读 · 0 评论 -
HTML5保留的通用属性
HTML5的元素可以支持指定属性,不同元素支持的属性可能略有区别,不过有些属性所有的元素是支持的,比如说id、style、class等。HTML5保留了大量原有的通用属性,让我们来一起探索。1.id、style、class属性id属性用于为HTML元素指定唯一标识。当程序使用JavaScrip时即可通过该属性值来获取该HTML元素。style属性用于为HTML元素指定css的样式class属性用于...原创 2018-05-05 21:57:12 · 9236 阅读 · 2 评论 -
三分钟带你看完HTML5增强的【iframe元素】
HTML不再推荐页面中使用框架集,因此HTML5删除了<frameset>、<frame>和<noframes>这三个元素。不过HTML5还保留了<iframe>元素,该元素可以在普通的HTML页面中使用,生成一个行内框架,可以直接放在HTML页面的任意位置。除了指定id、class和style之外,还可以指定如下属性:src 指定一个UR...原创 2018-04-29 22:35:24 · 18036 阅读 · 1 评论 -
HTML5为什么要保留常用元素呢!!!
今天初步了解一下HTML5的常用元素和属性,如果大家觉得写的不错的话,可以点击右上角的关注,我会持续更新博客的,谢谢。HTML5保留的常用元素&(保留的)基本元素、&文本格式化元素、&语义相关元素、&超链接和锚点、&列表相关元素、&表格相关元素1 基本元素<!--...--> HTML注释<html> Ht...原创 2018-02-10 18:58:04 · 2799 阅读 · 0 评论 -
什么是html5?了解它是什么?用来做什么?有什么用?
HTML的全称是(Hyper Text Markup Language )即超文本标记语言,它是互联网上应用最广泛的标记语言。不要把HTML语言和Java、C等编程语言混淆起来,HTML只是一种标记语言,简单地说,HTML文件就是普通文本+HTML标记(HTML标签),和不同的标记就能表示不同的效果。1.HTML发展历史HTML1.0 在1993年6月作为互联网工程工作小组(IETF...原创 2017-11-13 15:31:19 · 35076 阅读 · 1 评论