1.HTTP协议介绍
HTTP是Hyper Text Transfer Protocol(超文本传输协议)的缩写。它的发展是万维网协会(World Wide Web Consortium)和Internet工作小组IETF(Internet Engineering Task Force)合作的结果,
响应式布局的实现是前端工程中一个非常大的跨越,它非常灵活的可塑造性使得同一个网站能在不同的终端设备上展现出不同的活力。就今天这个机会,我想与大家分享并探讨一些常用来实现响应式布局方法中的弹性布局。
弹性布局是一种十分方便的,只需要依赖于CSS样式的实现响应式布局的方式,也是K最多用到的一种实
1. 正确的文档类型;
2.使用小写元素名,看起来清爽且容易编写;
3.关闭每个需要关闭的标签;
4.关闭空的HTML元素,如<meta />;
5.属性名用小写;
6.属性值用引号;
7.图片添加alt属性;
8.避免一行代码过长,尽量少于80个字符;
9.不要无缘无故添加空行;
10
相信大多数的前端工程师都是处理显示屏上面的设计,用到最多的计量单位就是px,但是有些时候,我们难免也会有打印的需求,比如一个电商平台的“物流配送打印单”,“打印订单”等等可能都是需要从网友上打印出来的,这个时候如果还是按照自己以前写网页的思路写打印单页面,最后打印出来的效果会不是很理想。下面我们就来
专注前端开发者的视频直播分享平台——码易极客
6月份直播/回放推荐收看:
【精彩回放】晴明老师教你用React Native清空购物车(上)https://www.mayigeek.com/mayi-edu-web/user/html/live.html?id=62&stat=2
【精彩回放
项目开发时,对于不同浏览器下的select样式不统一问题,各种查,这里记录一下,项目已使用
IE浏览器下样式:
火狐浏览器下样式:
谷歌浏览器下样式:
上代码:
1、html
2、css
至此,大功告成!
先上效果图
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
在制作页面的时候,经常会遇到文本图片需要居中的情况,这时候,只要设置下文本的line-height属性等于包裹该文本的元素的高度即可让文本居中显示了,先来看看这个现象。
1 <!DOCTYPE html>
2 <html lang="en">
1、盒子模型
所谓盒子模型就是把HTML页面中的元素看作是一个矩形的盒子,也就是一个盛装内容的容器。每个矩形都由元素的内容、内边距(padding)、边框(border)和外边距(margin)组成。
用公式表示就是:盒子=边框+内边距+内容区域+外边距
元
当我们想让文字溢出后隐藏并添加省略号的效果
在当前容器或父容器必须要设置宽度,否则代码会失效。
.box{
width:50%;
text-overflow :ellipsis;/* 文字隐藏后添加省略号 */
white-space : n
题目点评
三角形的图标在网页设计是很常见的,属于基本常识题,只要在练习做到过这个功能都能回答出来,可以把你做过的思路描述出来就可以了,本题的难易程度为简单
答题要点
1.采用的是均分原理
盒子都是一个矩形或正方形,从形状的中心,向4个角上下左右划分4个部
2.代码的实现
第一步 保证元
1、 安卓浏览器看背景图片,有些设备会模糊。
用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢?
经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的960640分辨率,在网页里只显示了48
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>D
在CSS中margin是指从自身边框到另一个容器边框之间的距离,就是容器外距离。在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离,就是容器内距离。
下面讲解 padding和margin常用的用法
一、padding
1、语法结构
(1)padding-left:1
前端模板引擎需要有开发时的透明性
透明性即指我在搭建好开发环境后,随手写代码随手刷新浏览器就能看到最新的效果,而不需要额外地执行任何命令或有任何的等待过程。
所以一切依赖编译过程的模板引擎并不适合前端使用,编译只能是模板引擎的一个特性,而不能是使用的前提
更严格地说,使用FileWatch等手
一、HyperText Markup Language 内容,html是弱代码语言,代码编写不严谨
1、超链接 <a href="#">超级链接(anchor)</a>
写超链接的href地址的时,要注意是否有写相应的解析协议,没有设置协议时,按照默认的本地文
关于px、pt和em的区别,自己有时候也会纠结到底该用什么单位,今天特意查了一些文章,下面这篇虽然很久远了,但解释的比较全面,转载收藏之。点击查看原文(原网址已失效,这是其他站点)
这里引用的是Jorux的“95%的中国网站需要重写CSS”的文章,题目有点吓人,但是确实是现在国内网页制作方面的一些缺
前面的话
Bootstrap对默认的HTML元素进行了CSS样式定义,使得各种基本结构套用出来的HTML页面更加美观。本文将详细介绍Bootstrap中排版相关的内容
标题
【h】
HTML 中的所有标题标签,<h1> 到
A. 使用选择器来插入内容
h2:before{
content:"前缀";
}
h2:after{
content:"后缀";
}
B. 指定个别的元素不进行插入
h2.sample:before{
content:none;
}
2. 插入图像
A. 在标题前插入图像文件
h2:be
CSS动画属性会触发整个页面的重排relayout、重绘repaint、重组recomposite
Paint通常是其中最花费性能的,尽可能避免使用触发paint的CSS动画属性,这也是为什么我们推荐在CSS动画中使用 webkit-transform: translateX(3em) 的方案代替使