html+css2知识点2

常见的航属性标签

span标签  区分样式

strong强调(被包裹起来的文本会显示粗体)

em强调(被包裹起来的文本会显示斜体)

img图片(单标签)

a 链接/下载/锚点

行属性标签的特点

1)同行可以继续跟同类标签

2)内容撑开宽度

3)不支持宽高的设置

4)不支持上下margin和padding的设置

5)代码换行被解析

常见的 块属性标签

div  常用于布局

h1~h6标题

p 段落

ul 无序列表

ol有序列表

li 列表项

dl 自定义列表

dt自定义列表标题

dd定义列表项

pre

p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 18.0px Helvetica }

<pre>

此例演示如何使用 pre 标签

对空行和 空格

进行控制

</pre>

块属性标签的特点

1)默认独占一排

2)没有宽高设置的时候,弄人撑满一排

3)支持所有的css设置

块属性设置margin:0 auto;  必须设置宽度,否则他就撑满一排无法居中

块元素与内联的转换

display:block显示为块,使内联具有块属性标签的特性

display:inline显示为内联,是块属性具有内联元素的特征.

关于inline-block的特点和问题

特性:

1块在一行显示

2)行属性标签支持宽高的设置

3)没有宽度的时候内容撑开宽度

问题:

1)代码换行被解析

2)ie6.7  不支持块属性标签的inline-block

时间: 2024-11-07 22:46:22

html+css2知识点2的相关文章

CSS2相关实用知识点

CSS相关知识回顾目录 CSS2选择器 假选择器的使用 属性选择器的使用 边框设置 背景设置 字体设置 文本属性 a标签假选择器使用 列表设置 表格设置 鼠标设置 单位设置 隐藏显示 位置设置 清除浮动 假元素的使用 媒体类型 CSS相关知识回顾 CSS2选择器 * 通配符选择器 div 元素选择器 #box id选择器 .box 类选择器 p.box 交集选择器 div p 后代选择器 ui > li 子代选择器 p + div 亲兄弟选择器,选择p标签后面紧挨着的div元素 p ~ div

关于一些html和css2的知识点

前端开大语言三种:1)HTML(hypertext markup language)结构2)css(Cascading Style Sheets)样式  3)js(Javascript)行为  脚本语言 属性:属性值  用来描述标签的一些特征的关键词   关于css样式的引入方式 一共有三种 1)行间样式表(写在标签的开始标记上) 2)内部样式  写在<style></style>标签之间 3)外部样式表  用<link>标签引入 关于盒模型的一些属性 overflow

WEB 知识点

HTML+CSS 1.对WEB标准以及W3C的理解与认识 标签闭合.标签小写.不乱嵌套.提高搜索机器人搜索几率.使用外链css和js脚本.结构行为表现的分离.文件下载与页面速度更快.内容能被更多的用户所 访问.内容能被更广泛的设备所访问.更少的代码和组件,容易维护.改版方便,不需要变动页面内容.提供打印版本而不需要复制内容.提高网站易用性: 2.xhtml和html有什么区别 HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言 最主要的不同: XHTML 元素必须被正确

CSS3知识点整理&amp;&amp;一些demo

css3能做什么 响应式开发的基础,然后能实现一些酷炫的效果咯. 以下案例纯css3实现,一点都没用js (入门简单,但是水很深) 叮当猫纯用css3做出         http://codepen.io/airen/pen/icFba         如果大家感兴趣,大家可以去慕课网上找大漠老师的课学习. 边框 1.圆角效果 border-radius:border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角.右上角.右下角和左下角,顺时针 */ bord

CSS2.1SPEC:视觉格式化模型之包含块

原汁原味的才是最有味道的,在阅读CSS标准时对这一点的体会更加深刻了,阅读文档后的一大感觉就是很多看上去理所应当的样式表现也都有了对应的支持机制.本文首先从包含块写起,一方面总结标准中相应的阐述,并且结合具体的实例进行具体分析,特别是对于CSS2.1支持并不完善的IE6/7.由于经验尚浅,文中肯定存在一些问题,希望大家可以多多包涵并且指出问题. 阅读本文前,应当对于CSS盒模型以及视觉格式化模型中会产生的各种框(box,也可以成为盒子)以及各种不同的布局方式有比较准确的认识,可以阅读杜瑶大神的两

【干货分享】前端面试知识点锦集02(CSS篇)——附答案

二.CSS部分 1.解释一下CSS的盒子模型? 回答一:a.标准的css盒子模型:宽度=内容的宽度+边框的宽度+加上内边具的宽度b.网页设计中常听的属性名:内容(content).填充(padding).边框(border).边界(margin), CSS盒子模式都具备这些属性.c.这些属性我们可以把它转移到我们日常生活中的盒子(箱子)上来理解,日常生活中所见的盒子也就是能装东西的一种箱子,也具有这些属性,所以叫它盒子模式.CSS盒子模型就是在网页设计中经常用到的CSS技术所使用的一种思维模型.

用css2属性clip实现网页进度条

前言 看了网上一些关于网页进度条样式的资料,有很多方式实现,针对其展现形式,有用图片的,有用css2属性clip,有用flash的,本人就学会了一种,下面就简单来介绍一下. css2的属性clip 如果你不是很明白clip属性,那么我就用大白话来解释一下,clip:rect(0px,0px,0px,0px)有四个值,同理是顺时针方向赋值,上右下左,记录改元素裁切方式, 例如:一个元素div,其width:300px;height:300px; clip:rect(0px,100px,60px,0

HTML、CSS、JavaScript的详细知识点及学习顺序

HTML.CSS.JavaScript的学习顺序一般为html,css,javascript HTML.CSS.JavaScript的详细知识点介绍: 1. HTML 包含文字.图片.视频等. 或为标题加入背景图片.颜色变化,标题字体.比如,就像网页的外衣.样式是表现.2. CSS 边框等.所有这些用来改变内容外观的东西称之为表现. 是用来实现网页上的特效效果.如:鼠标滑过弹出下拉菜单.或鼠标滑过表格JavaScript3. 的背景颜色改变.还有焦点新闻(新闻图片)的轮换.可以这么理解,有动画的

前段知识点

前端开发中79条不可忽视的知识点汇总 1.css禁用鼠标事件 .disabled { pointer-events: none; cursor: default; opacity: 0.6; } 2.get/post的理解和他们之间的区别 http 超文本传输协议(HTTP)的设计目的是保证客户机与服务器之间的通信. HTTP 的工作方式是客户机与服务器之间的请求-应答协议. web 浏览器可能是客户端,而计算机上的网络应用程序也可能作为服务器端. http方法: HEAD: 与 GET 相同,