HTML5和CSS3技术是目前整个网页的基...

2018-06-24 02:20:32

[转载] meta的标签的使用是我在前端学习中曾经困惑过一段时间的问题。一方面不是很了解meta标签的用途，另一方面是对于meta标签里的属性和值不是懂，也不知道从哪里冒出来的，所以这篇文章专门整理下meta标签，一个必用且关键的标签。 什么是meta标签？ 引自下W3school...

2018-06-24 02:20:31

1、什么是HTML文件？ HTML中文叫做“超文本标记语言”，一个HTML文件不仅包含文本内容，还包含一些标记，一个HTML文件的后缀名是.htm或者是.html。用文本编辑器（Dreamweaver）就可以编写HTML文件。 2、html文件的基本结构：（成对出现） html html文件开始 head html...

2018-06-24 02:20:29

1 ! DOCTYPE html 2 html lang ="en" 3 head 4 meta charset ="UTF-8" 5 title 拖放API / title 6 style 7 [id='dragme'] { 8 width : 100px ; 9 height : 100px ; 10 color : #fff ; 11 text-align : center ; 12 line-height : 100px ; 13 background-color : #aaa ;...

2018-06-24 02:20:28

常用Grid布局属性介绍 下面从一个简单Grid布局例子说起。 CSS Grid 布局由两个核心组成部分是 wrapper （父元素）和 items （子元素）。 wrapper 是实际的 grid(网格 )， items 是 grid(网格) 内的内容。 下面是一个 wrapper 元素，内部包含6个 items ： div class ="w...

2018-06-24 02:20:26

一.水平居中 1.文字水平居中 div class="one" 测试居中 /div style .one{ width: 200px; height: 100px; border:1px solid red; text-align: center; } /style 2.盒子居中 div class="one"是盒子居中/div style .one{ width: 200px; height: 100px; border:1px solid r...

2018-06-24 02:20:22

本文篇幅较长，希望能坚持看完，转载请注明出处，如果觉得好文请给个赞吧 CSS实现梯形 CSS实现三角形和梯形主要是依靠border是梯形的特性来做的，有点像相框的那种感觉。 首先我们先给一个正方形设置比较宽的边框。如下。 div id ="test1" / div style #test1 { width...

2018-06-24 02:20:20

1 ! DOCTYPE html 2 html 3 head 4 meta charset ="utf-8" 5 title 我的第一份简历 / title 6 style type ="text/css" 7 .con { 8 width : 660px ; 9 height : 1000px ; 10 background-image : url(img/hua.jpg) ; 11 background-repeat : no-repeat ; 12 background-s...

2018-06-24 02:20:19

background-origin用来规定元素背景图像的相对定位位置，它有三个属性值： 1、border-box border-box表示元素背景图像相对于border区域开始定位。 代码如下： !doctype htmlhtml head style *{margin:0;padding:0;} .box{width:430px;height:280px;margin:100px auto;b...

2018-06-24 02:20:18

左右气泡信息，这种展示效果用代码写并不难，但是我觉得这种布局很有意思，所以就记录下来了~~ 效果图： html：div class="msg-box" div class="msg-list" b class="bgfff"/b div class="list-line" div class="list" h3回单已确认/h3 p2017-09-20 10:27：08/p em/em i...

2018-06-24 02:20:17