html与css重置代码,HTML CSS标签类型转换、样式重置 、前段规范(示例代码)
HTML CSS 基础 标签默认值样式重置：
(css reset)包含：
body，p,h1,h2,h3,h4,h5,h6,dl,dd外边距 字体
ol，ul，a，img等标签的默认值样式重置
用群组进行重置
标签基本特性和转换
块和内嵌的特性及区别：
内联，内嵌，行内属性标签：
1、默认同行可以继续跟同类型标签
2、内容撑开宽度
3、不支持宽高
4、不支持上下的margin和padding
5、代码换行被解析
快属性：
1、默认独占一行显示
2、没有宽度时，默认撑满一排
display：block；(显示为块)
display:inline; (显示为内嵌)
inline-block特性及应用
可以把inline-block理解为一行内的块。
特性：1、块在一行显示
2、行内属性标签支持宽高
3、没有宽度的时候内容撑开宽度
问题
1、代码换行被解析。
2、IE6/IE7不支持块属性标签的inline-block。
cursor指针光标类型：(规定要显示的光标的类型)
cursor：pointer|text|mave。。。
cursir.url(hand.cur),pointer：引入一张图片如果执行不了就执行
pointer
面试题(经典)：
 ； ；表示空格
缩写 title标签当鼠标移动到文本区，显示信息；
前对规范：
1.所有书写均在英文半角状态下的小写
2.id。class必须以字母开头
3.所有标签必须闭合
4.HTML标签代码缩进规范(1.增强可读性，减少后端出错的概率2.方便阅读与错误查写)
5.属性值必须带引号
6前后各加空格
7./* css注释 */
8.ul，li/ ol,li/ dl，dt，dd拥有父子级关系p标签不能套块属性标签，会被分段 js会出错，默认不会有其他的标签如div等
9.p,dt,h，标签里面不能嵌套块属性，标题里面只放标题文字
10.a标签不能嵌套a标签
11.内嵌元素不能嵌套块；
html与css重置代码,HTML CSS标签类型转换、样式重置 、前段规范(示例代码)相关推荐
- html 右上角删除图标,网页制作html+css制作div标签增加右上角删除图标的示例代码...
一.需求描述 在Div标签的右上角显示删除图标 二.实现方式 html.CSS 三.参考代码 .container{ width:60px; height:60px; border: 1px dott ...
- html 右上角删除图标,html+css制作div标签增加右上角删除图标的示例代码_CSS
一.需求描述 在Div标签的右上角显示删除图标 二.实现方式 html.CSS 三.参考代码 .container{ width:60px; height:60px; border: 1px dott ...
- 猜猜乐游戏php源码,C/C++百行代码实现热门游戏消消乐功能的示例代码
游戏设计 首先我们需要使用第三方框架,这里我使用的是sfml,不会使用sfml在我的上几篇文章当中-扫雷(上)有详细的开发环境搭建介绍 首先准备图片资源 一张背景图片,一张宝石图片 窗口初始化加载图片 ...
- 基于java 工单管理_实训任务工单1-2(编写规范Java代码) 实训任务工单1-2(编写规范Java代码).docx_学小易找答案...
[其它]实训任务工单4-1(泛型类.泛型方法的应用) 实训任务工单4-1(泛型类.泛型方法的应用).docx [简答题]教学工单5-1Java序列化机制的使用 [填空题]The name of my ...
- php消消乐代码,C/C++百行代码实现热门游戏消消乐功能的示例代码
游戏设计 首先我们需要使用第三方框架,这里我使用的是sfml,不会使用sfml在我的上几篇文章当中-扫雷(上)有详细的开发环境搭建介绍 首先准备图片资源 一张背景图片,一张宝石图片 窗口初始化加载图片 ...
- 【移动端布局】1 -基本概念：设备像素、css像素、屏幕尺寸、像素密度ppi、像素比dpr、viewport、meta标签、样式重置
文章目录 0.关于web app 1.移动端与pc端的区别 2.尺寸相关概念 2.1.设备像素(物理像素) 2.2.CSS像素(设备独立像素,逻辑像素) 2.3.屏幕的尺寸 2.4.像素密度PPI - ...
- css制作流程卡片,css3 column实现卡片瀑布流布局的示例代码
本文介绍了css3 column实现卡片瀑布流布局的示例代码,分享给大家,具体如下: 实现效果 今天遇到了需要实现一个卡片的瀑布流布局的问题,卡片高度是不同的. 最后使用css3中的column属性实 ...
- HTML5移动的代码,HTML_HTML5实现一个能够移动的小坦克示例代码，复制代码代码如下: !DOCTYPE h - phpStudy...
HTML5实现一个能够移动的小坦克示例代码 复制代码代码如下: 您的浏览器不支持canvas标签 var canvas1=document.getElementById('tankMap'); var ...
- 支持向量机python代码_用TensorFlow实现多类支持向量机的示例代码
这篇文章主要介绍了用TensorFlow实现多类支持向量机的示例代码,现在分享给大家,也给大家做个参考.一起过来看看吧 本文将详细展示一个多类支持向量机分类器训练iris数据集来分类三种花. SVM算 ...
最新文章
- 商汤IPO首日市值涨百亿，徐立感慨时代之幸：有机会改变世界！
- Android .mk文件语法解析
- 两条平行导线同向电流_电磁学（9）——磁场对电流的作用，安培力
- vue 字典_【开源】基于Vue的前端组件库HeyUI
- 2022年企业微信生态研究报告
- 《微软的软件测试之道》读书笔记 之 结构测试技术
- 正点原子STM32F103学习笔记（二）
- c# 使用NOPI 操作Excel
- PID控制（三）（位置式和增量式PID）
- 直播回顾 | 菊风在智能硬件音视频领域的探索与实践
- 【Keil变量定义】定义extern类型变量
- RocketMQ调优总结(system busy或broker busy报错解决)
- 如何用定积分求椭圆的周长_怎么用微积分求椭圆的周长?
- Git使用教程之初级入门命令行（二）
- 【产品】共享单车APP需要增加导航功能吗？
- 使用 JS-SDK 与 FLOW 交互
- 什么软件测试cpu满载,功耗实测——待机/CPU满载/3DMark_CPUCPU评测-中关村在线
- 衬线字体和无衬线字体区别_字体，字体和字体系列有什么区别？
- R语言与多元线性回归+逐步回归
- 2021年完美的借条