【2020Python修炼记】前端开发之 HTML常用标签汇总 【目录】 标签标签属性 1、HTML 注释 2、HTML 文档基础结构 3、head 内常用标签 4、body内常用标签 常用文本标签 特殊符号 div / span 分块标签 a 标签 img 标签 list 列表标签 table 表格标签 form 表单标签 1、HTML...

2020-05-12 16:00:45 css文件css代码引入外部css前端开发html格式html常用标签文档文件ESET服务器

HTML连载87-完善内容区域 一、先上成型之后的图 ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title Title / title link rel ="stylesheet" href ="CSS/base.css" link rel ="stylesheet" href ="CSS/index.css" / head body !-- 顶部区域 -- div class...

2020-05-10 16:00:17 css代码技巧BannerIE商城微信公众号微信技术交流鼠标公众号

[书籍精读]《响应式Web设计 HTML5和CSS3实战(第二版)》精读笔记分享 写在前面 书籍介绍：本书主要讲解了如何运用HTML5和CSS3来进行响应式Web设计，使页面的设计与开发根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)来进行相应的响应和调整。 我的简评：响...

2020-05-07 06:12:30 javascript和jquerycss文件css过渡什么是csscss规则html5视频html5网页html文档文档文件

CSS选择器 标签选择器 例如：`p`、`a`、`h[1,6]`、`span`、`div`、、、 类选择器(class) class 选择器以 . 来定义。 如：.id1{样式属性：值;}命名尽量别用下划线，会出现兼容问题，下划线一般用于JS里，也不要用纯数字或者中文名例如： div class=class1/div注意： 类...

2020-05-06 16:01:40 定义伪元素选择符鼠标<数字逗号字体常用文本

HTML连载86-添加视频、伸缩布局 一、复习了伸缩布局 ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title Title / title link rel ="stylesheet" href ="CSS/base.css" link rel ="stylesheet" href ="CSS/index.css" / head body !-- 顶部区域 -- div cl...

2020-05-06 16:00:20 css代码技巧Banner商城微信公众号微信技术交流鼠标公众号PS

HTML连载85-添加选择圆点 一、添加选择圆点，先上个半成品 ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title Title / title link rel ="stylesheet" href ="CSS/base.css" link rel ="stylesheet" href ="CSS/index.css" / head body !-- 顶部区域 --...

2020-04-27 16:00:22 css代码技巧Banner商城微信公众号微信技术交流鼠标公众号PS

HTML连载84-添加中部的图片 一、设置图片居中margin:0 auto;这个语法没有效果，对其父元素使用text-align:center；也是没有用的，因为图片太大了，解决方式如下： 如果图片的宽度大于了父元素的宽度，不可能使用margin:0 auto；或者text-align:center;来使图片居中 如果...

2020-04-21 16:00:44 css代码技巧Banner商城微信公众号微信技术交流鼠标公众号PS

CSS中的一些细节 一、塌陷 1.当position设置为：absolute或者fixed时，元素的display会转换为block。（设置float也会产生这样的效应） 2.正常情况下，div会被内容撑开，但是如果设置了 1. 的情况下，父元素就会产生 塌陷 ，失去高度。 解决办法： 给父元素设置高度。...

2020-04-17 16:00:18 定义wordIELAMPPSHTTPSwebHTML.htmtab

12.居中总结 居中：盒子在其包含块中居中 1.行盒（行块盒）水平居中： 直接设置行盒（行块盒）父元素的text-align属性：center 2.常规流块盒水平居中： 定宽，设置左右margin为auto; div{ width:100px; margin:0 auto; } 3.绝对定位的水平居中： 定宽，设置左右的坐标...

2020-04-17 07:33:25 绝对定位文本text-align解决使用方案区域POST总结父元素

11.行盒垂直对齐和图片的底部白边问题 1.行盒内容垂直方向对齐： 在行盒元素上使用vertical-align：bottom/middle/top 或者像素值 2.图片的底部白边问题： 图片的父元素是一个块盒，块盒高度自动，图片底部和父元素底部之间往往会出现空白 如下图所示： 解决方法： 1....

2020-04-17 07:33:22 字体大小解决问题使用方法图片POST父元素字体大小