【css（二）】的更多相关文章

css(二)

重新排传智的首页!头部和左边的部分完成了! <!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <link type="text/css" href="css/index.css" rel="stylesheet"> <title>传智首页-专业的IT培训机构…

学习总结：CSS(二)块级与行级元素特性、盒模型、层模型、BUG与BFC、浮动模型

一.元素的块级与行级特性 在CSS属性display控制元素是否及如何显示的特性,常用的值有none.inline.block.inline-block,在CSS3中还有一些新的特性状态,在这里不做讨论. 这里我们主要讨论display在CSS布局中涉及到主要属性值inline.block.inline-block三个特性状态. 通常我们在使用元素做页面布局设计时会说行级元素和块级元素,我们通常也遵循块级元素搭建页面设计架构,使用行级元素和行级块元素设计内容.  行级元素(内联元素inline)…

CSS(二)属性--文本设置

HTML代码一 <body> <div>这是一个很黑很黑的夜晚,黑云密布,没有任何光亮透过.卖火柴的小姑娘.......</div> </body> CSS代码 div{ border:1px solid black; //长宽由div内的文字撑开 height:200px; text-align:left;                //border内文字的对齐方式,默认left,据中center /*对齐方式*/  CSS注释,只有这一种 line-…

web前端css(二)

一.  标准文档流 标准文档流中会有一些现象: 空白折叠 和 高低不齐边底对齐的现象 标准文档流等级森严, 标签分为两种等级: 行内元素 和 块级元素. 1. 行内元素 和 块级元素的区别: 行内元素:不能设置宽高, 默认的宽度就是文字的宽度;  与其他行内元素并排 块级元素:设置宽高, 如果不设置就默认宽度是父级的100%; 独占一行,不与其它任何元素并列 2. 标签分类 在HTML中已经将标签分过类了,当时分为文本级 和 容器级 a)     从HTML的角度来讲,标签分为: 文本级标签: …

HTML与CSS二三事

概述 HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写,他是一种制作万维网页面标准语言(标记).相当于定义统一的一套规则,大家都来遵守他,这样就可以让浏览器根据标记语言的规则去解释它. 浏览器负责将标签翻译成用户“看得懂”的格式,呈现给用户! 如下图: HTML页面主体格式如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="U…

高性能CSS(二）

避免CSS表达式 CSS表达式是动态设置CSS属性的强大(但危险)方法.Internet Explorer从第5个版本开始支持CSS表达式.下面的例子中,使用CSS表达式可以实现隔一个小时切换一次背景颜色: background-color: expression((new Date()).getHours()%2?"#FFFFFF": "#000000" ); 如上所示,expression中使用了JavaScript表达式.CSS属性根据JavaScript表达…

CSS(二）选择符

 2019-04-11 22:14:23 1.类型选择符(标签选择符)  html中所有的标签都可以直接对元素选择  p em i a html body.....   特点:对页面中所有当前类型的元素进行选择.  应用:清除某个元素默认样式的时候,或者是统一某个元素样式的时候 2.id选择器  语法:<标签 id="top-wrap"></标签>   css:#id名字  特点:id名字在单一一个页面内是唯一的  应用:id名是划分网页外围结构的 3.类选择器…

Html+CSS二周目--->常用概念

学习css几乎俩周,来总结一下 对于初学者来说,有一些基本的概念是我们应当清楚的.掌握这些概念,可以帮助你更加有效的开发,大大提高开发效率. 1.盒子模型 2.浮动(float) 3.定位(position) 盒子模型 首先我们先聊一聊盒子模型,我们所能够看到的网页,本质上其实都是一个个盒子组成的,通过盒子和盒子的组合,来达到布局效果,所以学习盒子模型的重要性可想而知 我们可以看到盒子模型是由:内容部分(content),padding(内填充),boder(边框),margin(外边距)组成的…

Web前端基础(5):CSS(二)

1. 盒模型 在CSS中,"box model"这一术语是用来设计和布局时使用,然后在网页中基本上都会显示一些方方正正的盒子.我们称为这种盒子叫盒模型. 盒模型有两种:标准模型和IE模型.我们在这里重点讲标准模型. 1.1 盒模型示意图 1.2 盒模型的属性 width:内容的宽度 height: 内容的高度 padding:内边距,边框到内容的距离,padding的区域是有背景颜色的.并且背景颜色和内容的颜色一样.也就是说background-color这个属性将填充所有的borde…

css(二) block，inline和inline-block概念和区别

转: http://www.cnblogs.com/KeithWang/p/3139517.html 总体概念 block和inline这两个概念是简略的说法,完整确切的说应该是 block-level elements (块级元素) 和 inline elements (内联元素).block元素通常被现实为独立的一块,会单独换一行:inline元素则前后不会产生换行,一系列inline元素都在一行内显示,直到该行排满. 大体来说HTML元素各有其自身的布局级别(block元素还是inline…