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

面试题(经典)：

&nbsp；&nbsp；表示空格

缩写 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算 ...

html与css重置代码,HTML CSS标签类型转换、样式重置、前段规范(示例代码)

html与css重置代码,HTML CSS标签类型转换、样式重置、前段规范(示例代码)相关推荐

最新文章

热门文章

html与css重置代码,HTML CSS标签类型转换、样式重置 、前段规范(示例代码)

html与css重置代码,HTML CSS标签类型转换、样式重置 、前段规范(示例代码)相关推荐

最新文章

热门文章

html与css重置代码,HTML CSS标签类型转换、样式重置、前段规范(示例代码)

html与css重置代码,HTML CSS标签类型转换、样式重置、前段规范(示例代码)相关推荐