Css 知识点

1.结构用id,内容用class

2.inline,block ,inline-block 比较

  • inline:行内元素设置width,height属性无效;margin和padding属性水平方向有效,垂直方向无效;(span,a..)。
  • block:块级元素可以设置width,height;块级元素即使设置了宽度,仍然是独占一行;可以设置margin和padding属性水平垂直都有效;(div,p..)。
  • inline-block:行内块级元素

ps:inline 的height 其实

时间: 2024-10-25 14:09:28

Css 知识点的相关文章

这些HTML、CSS知识点,面试和平时开发都需要 No8-No9

系列知识点汇总 这些HTML.CSS知识点,面试和平时开发都需要 No1-No4(知识点:HTML.CSS.盒子模型.内容布局) 这些HTML.CSS知识点,面试和平时开发都需要 No5-No7(知识点:文字设置.设置背景.数据列表) 这些HTML.CSS知识点,面试和平时开发都需要 No8-No9(知识点:媒体操作.构建表单) No8.媒体操作 1.增加图片 (1)img元素:自包含元素,不能封装其他任何元素.正确写法是<img>,而不是<img/>或者<img>&l

这些HTML、CSS知识点,面试和平时开发都需要 No5-No7

系列知识点汇总 这些HTML.CSS知识点,面试和平时开发都需要 No1-No4 这些HTML.CSS知识点,面试和平时开发都需要 No5-No7 No5.文章段落 1.文字属性 文字属性包含font-*和text-*两类. 2.基于font的属性 (1)font-family:字体属性,多个字体之前用逗号隔开.如果第一个字体没找到,则依次找后面的字体.例如: body { font-family: "Helvetica Neue", Helvetica, Arial, sans-se

这些HTML、CSS知识点,面试和平时开发都需要 No1-No4(知识点:HTML、CSS、盒子模型、内容布局)

这些HTML.CSS知识点,面试和平时开发都需要 No1-No4 系列知识点汇总 这些HTML.CSS知识点,面试和平时开发都需要 No1-No4(知识点:HTML.CSS.盒子模型.内容布局) 这些HTML.CSS知识点,面试和平时开发都需要 No5-No7(知识点:文字设置.设置背景.数据列表) 这些HTML.CSS知识点,面试和平时开发都需要 No8-No9(知识点:媒体操作.构建表单) 这些HTML.CSS知识点,面试和平时开发都需要 No10-No11(知识点:表格操作.代码编写规则)

这些HTML、CSS知识点,面试和平时开发都需要 No10-No11

系列知识点汇总 这些HTML.CSS知识点,面试和平时开发都需要 No1-No4(知识点:HTML.CSS.盒子模型.内容布局) 这些HTML.CSS知识点,面试和平时开发都需要 No5-No7(知识点:文字设置.设置背景.数据列表) 这些HTML.CSS知识点,面试和平时开发都需要 No8-No9(知识点:媒体操作.构建表单) 这些HTML.CSS知识点,面试和平时开发都需要 No10-No11(知识点:表格操作.代码编写规则) No10.表格数据操作 1.Table 元素 (1)一般元素:t

这些HTML、CSS知识点,面试和平时开发都需要 No10-No11(知识点:表格操作、代码编写规则)

系列知识点汇总 1.基础篇 这些HTML.CSS知识点,面试和平时开发都需要 No1-No4(知识点:HTML.CSS.盒子模型.内容布局) 这些HTML.CSS知识点,面试和平时开发都需要 No5-No7(知识点:文字设置.设置背景.数据列表) 这些HTML.CSS知识点,面试和平时开发都需要 No8-No9(知识点:媒体操作.构建表单) 这些HTML.CSS知识点,面试和平时开发都需要 No10-No11(知识点:表格操作.代码编写规则) 2.进阶篇 如何提升我的HTML&CSS技术,编写有

这些HTML、CSS知识点,面试和平时开发都需要 No5-No7(知识点:文字设置、设置背景、数据列表)

系列知识点汇总 这些HTML.CSS知识点,面试和平时开发都需要 No1-No4(知识点:HTML.CSS.盒子模型.内容布局) 这些HTML.CSS知识点,面试和平时开发都需要 No5-No7(知识点:文字设置.设置背景.数据列表) 这些HTML.CSS知识点,面试和平时开发都需要 No8-No9(知识点:媒体操作.构建表单) 这些HTML.CSS知识点,面试和平时开发都需要 No10-No11(知识点:表格操作.代码编写规则) No5.文章段落 1.文字属性 文字属性包含font-*和tex

这些HTML、CSS知识点,面试和平时开发都需要 No8-No9(知识点:媒体操作、构建表单)

系列知识点汇总 这些HTML.CSS知识点,面试和平时开发都需要 No1-No4(知识点:HTML.CSS.盒子模型.内容布局) 这些HTML.CSS知识点,面试和平时开发都需要 No5-No7(知识点:文字设置.设置背景.数据列表) 这些HTML.CSS知识点,面试和平时开发都需要 No8-No9(知识点:媒体操作.构建表单) 这些HTML.CSS知识点,面试和平时开发都需要 No10-No11(知识点:表格操作.代码编写规则) No8.媒体操作 1.增加图片 (1)img元素:自包含元素,不

css知识点[email&#160;protected]

1.margin重叠 参考:http://blog.doyoe.com/~posts/css/2013-12-04-margin系列之外边距折叠.md 发生的条件: margin 折叠元素只发生在块元素上: 浮动元素不与其他元素 margin 折叠: 定义了属性overflow且值不为visible(即创建了新的块级格式化上下文)的块元素,不与它的子元素发生margin 折叠: 绝对定位元素的 margin 不与任何 margin 发生折叠. 特殊:根元素的 margin 不与其它任何 marg

CSS知识点1

CSS知识点导图 关联HTML的三种方式 1.链接式 也是将一个.css文件引入到HTML文件中,先加载CSS样式,然后加载html内容.(克服了导入式先加载无样式内容的缺点.) 2.嵌入式 3.行内式 1.外部样式表 <link rel="stylesheet" type="text/css" href="css/some.css" /> 2.内部样式表 <style type="text/css">

web网页简单设计补充的css知识点

了解了web的基本框架,html和css,补充几点知识点常见表示颜色的几种方法:red#f00rgb(255,0,0)rgba(255,0,0,0.5) 带透明度的色彩值 opacity: 50%;透明度border-radius:圆角 border-radius:值值:a 表示四角都为相同的圆角状态值:a b 表示 左上,右下都为a,右上,左下都为b值:a b c 表示左上为a 右上和左下为b 右下为c值:a b c d 依次表示 左上 右上 右下 左下值:50% 表示圆或椭圆 cursor: