适合前端响应式设计新手学习参考：1、布局的响应式：不能使用绝对尺寸使用float使布局具有流动性，同时不易出现横向滚动条2、字体的响应式使用相对字体3、图片视频等媒体资源的响应式设置宽度max-width:100%;或者width：100%；4、css3媒体查询的使用响应式设计的关键是媒体查询的应用，有两种方式可以应用媒体查询①<linktype=”text/css”rel=”style...
1）什么是HTML51.HTML5简介万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改，作为HTML语言，具有新的元素、属性和行为。2.广义的HTML5广义的HTML5是HTML5本身+CSS3+JavaScript这个集合有时称为HTML5和朋友，通常缩写为HTML5虽然HTML5的一些特性仍然不被某些浏览器支持，但是它是一种发展趋势HTM...
上次，我们形成了两种header的布局，一种flexbox，一种float，最后与身边做重构的同事交流下来，选择了float的布局。事实上布局的选型不需要我关注，我的参与或者一些意见多数是自我提升，但要说html结构完全控制于csser的话就不一定了在整个header组件的代码过程中，我与重构同事就一些地方发生了重复的交流，争论，今天就header组件的布局以及功能实现，聊一聊js与css的配...
1、前端页面重构。主要内容为PC端网站布局、Photoshop工具及切图、H5移动端网页布局、HTML5+CSS3新特性与交互。学习目标是完成PC端网站布局，可实现响应式布局，一套代码适配PC端、移动端、平板设备等。2、前后端网页交互。主要内容为JavaScript语法全面进阶、ES6到ES10新语法实践、jQuery应用及插件使用、设计模式及插件编写、封装JS工具库及Web...
页面设计以谷歌浏览器的bink内核为主流使用。一个页面的主要组成由结构（html5）表现（css）行为（JavaScript）组成，今天学习的是以标签和路径为主的html5的内容。lang语言：作用于提示浏览器编译charset字符：用UTF-8为全球通用准没错。骨架标签：html，head，title，body（head与body同级关系，head与title父子关系）排版标签：h1-6...
HTML即超文本标记语言（HyperTextMarkupLanguage），是用来描述网页的一种语言。超文本标记语言的结构包括"头"部分（外语：Head）、和"主体"部分（外语：Body），其中"头"部提供关于网页的信息，"主体"部分提供网页的具体内容。标记语言是一套标记标签（markuptag）HTML使用标记标签来描述网页如下代码：<html><body><h1>My...
我们的html是这样滴：1、使用top:50%left:50%以及margin-top和margin-left来进行定位注意：必须知道盒子的具体的宽和高，否则无法计算margin的值2、使用top:50%left:50%以及transform:translate（-50%,-50%）;来进行定位注意：跟上一种相比，不需要宽和高，内容就会撑开盒子，但是兼容性差3、使用top...
前端开发是创建Web页面或app等前端界面呈现给用户的过程，通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。HTML、CSS和JavaScript一起被众多网站用于设计网页、网页应用程序以及移动应用程序的用户界面。HTML描述了一个网站的结构，是一种标记语言而非编程语言。HTML5≈HTML+CSS3+J...
功能要求：1：如何实现在多行文本框textarea里面每一行下面都有一条横线2：textarea文本框里面有一段不能删掉实现方法：横线用背景图片来做，不动的文字用浮动层+给textarea增加text-indent来实现缩进。源代码如下：html>Textarea设置下划线格式。input{position:relative}。word{position:absolute;line-heigh...
css有三种类样式，分别是：1、行内样式，结构的内部，即写在标签内的样式；2、外联式是将所有的样式放在一个或多个以【。css】为扩展名的外部样式表文件中；3、内联样式写在HTML页面内部，存放于head标记当中。本教程操作环境：windows7系统、css3版，DELLG3电脑。CSS样式主要包含以下三种类型：1、行内样式：结构的内部，即写在标签内的样式；写在标签的开始部分内部，style属...