CSS第二章

1、

文本与字体属性:

text-decoration:文本修饰线  none(去除修饰线)、underline(下划线)、overline(上划线)、line-through(删除线)

color:设置文本的颜色

font-size:设置字体大小   值要在单位  px

font-style:设置文字的样式   取值:italic(斜体)

font-weight:设置文本的加粗效果   取值:normal(正常)  、bold(加粗)

font-family:给文本设置字体   可以一次写多个字体  每一个字体要加双引号

text-align:设置文本的水平对齐方式   取值:left|center|right

text-transform:改变字母的大小写或者首字母大写   取值:lowercase(小写)  、uppercase(大写)、Capitalize(首字母大写)

line-height:设置行高   将一行文本在一个容器内垂直方向居中   它的值应该要与height这个属性的值一样

text-indent:首行缩进  取值:px 或者em  (1个em指一个汉字的位置  )  值可以是负数

2、

尺寸样式属性:width:设置宽度   height:设置高度

3、浮动:

float:它是用来实现让一个元素浮动  取值有两个:left(向左浮动)、right(向右浮动)

4、清除浮动:只要浮动了 就必须要清除浮动! 因为浮动元素它会影响到它下面的元素的排版布局!

有3种方法:a.给浮动元素的父元素设置一个固定的高度 ,这个方法不建议使用 因为一个元素的高度它应该是由其内容来决定

     b.使用清除浮动的属性 clear :left(清除左浮动)、right(清除右浮动)、both(两个都清除);清除浮动的属性一般是用在浮动元素的最后面 ,我们在浮动元素的最后面新建一个空白的div 这个div里面不要放置任何的内容 <div id=‘clear‘></div>,这个div它就是用clear这个属性来实现清除浮动

     c.使用overflow:hidden来清除浮动  它主要是给无序列表来使用

overflow:hidden;这个主要作用是用来将溢出的部分进行隐藏

5、padding

padding就是内填充,padding-top:上内填充 ,padding-right:右内填充 ,padding-bottom:下内填充 ,padding-left:左内填充

它的顺序是顺时针方向 :上、右、下、左。例:padding:10px   表示上下左右四个方向的内填充都是10px    ,padding:10px  20px;  表示上下为10  左右为20  ,             padding:10px 20px 30px;   表示上10 左右20 下30  ,padding:10px 20px 30px 40px  表示上10  右20 下30 左40

!!!注意:HTML中有一些标签是有默认的内填充和外边距,在写CSS代码时第一件事情就是要将这些标签的内外边距都清除: *{margin:0;padding:0;}

6、margin

margin是外边距,方向顺序同padding

margin 有塌陷现象,竖直方向的margin值它不会叠加,只会取较大的值。

浮动的元素没有塌陷现象。   { margin-left:auto;margin-right:auto;}可以让一个盒子在一个容器内居中。   能用padding时尽量少用margin!

7、border   边框

border这个属性它有三要素:粗细 线型 颜色  (线性常用有三种:solid实线、dashed虚线、dotted点状线)

border-top:上边框线 ,border-right:右边框线  ,border-bottom:下边框线  ,border-left:左边框线

8、display属性

取值:inline(将块状元素转换为行内元素)、block(将行内元素转换为块状元素 )。

 

时间: 2024-10-12 05:40:08

CSS第二章的相关文章

[看书][CSS精粹(第2版)]第二章小结

刚看完CSS精粹的第二章,主要讲了跟文字样式相关的操作方面的东西. 虽然这本书貌似挺遭嫌弃(豆瓣上都没什么人标记),也的确内容有些过时,但我还是觉得有些基础的东西可以学习下,CSS方面比较基础又比较实用的东西. 重点是链接a.列表ul.标题行h和基本元素段落p的文字布局东西. a元素的伪类定义,下划线 列表ul的第一个列表项伪类first-child的定义,列表项的项目符号(符号修改和使用图片),列表项水平显示 标题行h的背景色,下划线,与后续段落之间的大间隔去除 段落p的行高,水平线,缩进,首

ASP.NET MVC with Entity Framework and CSS一书翻译系列文章之第二章:利用模型类创建视图、控制器和数据库

在这一章中,我们将直接进入项目,并且为产品和分类添加一些基本的模型类.我们将在Entity Framework的代码优先模式下,利用这些模型类创建一个数据库.我们还将学习如何在代码中创建数据库上下文类.指定数据库连接字符串以及创建一个数据库.最后,我们还将添加视图和控制器来管理和显式产品和分类数据. 注意:如果你想按照本章的代码编写示例,你必须完成第一章或者直接从www.apress.com下载第一章的源代码. 2.1 添加模型类 Entity Framework的代码优先模式允许我们从模型类创

《精通CSS高级web标准解决方案》——第一章、第二章(为样式找到应用目标)即选择器

2015-04-16 08:49:35 1.“多类症”:classitis.   “多div”:症. 第二章 为样式找到应用目标(选择器) 1.有效且结构良好的文档为你要应用的样式提供了一个框架. 2.选择器:1.类型选择器(即元素选择器) 2.后代选择器 3.类选择器 4.ID选择器 3.不要给这些元素指定不同的类,而应将一个类货ID应用于他们的祖先,然后使用后代选择器来定位他们. 4.有时我们需要根据文档结构之外的其他条件对元素应用样式,例如表单元素或链接的状态.这要使用伪类选择器来完成.

第二章、前端之css

目录 第二章.前端之css 一.css介绍 二.css语法 三.css几种引入方式 四.css选择器 五.css属性相关 六.css盒子模型 第二章.前端之css 一.css介绍 css(Cascading?Style?Sheet,层叠样式表 )定义显示html元素 当浏览器读到一个样式表,它会按照这个样式表对这个文档进行渲染 二.css语法 css实例 每个css样式由两个组成部分:选择器和声明.声明包括属性和属性值:每个声明用一个分号隔开 h1{ color:red; font-size:1

使用JQuery快速高效制作网页交互特效第二章到第七章

第二章 JavaScript对象 浏览器对象模型(BOM)是JavaScript的组成之一,window对象是整个BOM的核心 window对象的常用方法 prompt():显示可提示用户输入的对话框 alert():显示一个带有提示信息和一个"确定"的按钮的警示对话框 confirm():显示一个滴啊有提示信息,"确定"和"取消"按钮的对话框 close():关闭浏览器窗口 open():打开一个新的浏览器窗口,加载给定URL制定的文档 set

锋利的jQuery第二章

感觉还是看书好一些,jQuery并不难,但是对于一些东西如果你不知道,你就会感觉到很头疼,比如以前看选择器,网上那么多文章,总结的挺好的,但是不能看下去,太多了,对电脑不爽.现在从书上看到这些总结,感觉很清晰,也可以接受. 1,用jQuery判断某个元素是否存在 if($("#tt").length > 0) { //使用长度判断 } if( $("#tt")[0] ) { //转为Dom对象判断 } 2,选择器,根据例子记忆很好理解 (1)基本选择器:id,

ORACLE AUTOMATIC STORAGE MANAGEMENT翻译-第二章(1)

第二章  ASM INSTANCE ASM实例类型: 10g以后ORACLE instance 类型增加了一种ASM类型,参数INSTANCE_TYPE=ASM进行设置. ASM实例启动命令: startup nomount启动实例和后台进程,但没有挂载磁盘组 mount以后,实例会启动参数文件中ASM_DISKGROUPS指定的磁盘组,如果参数为空就会触发ORA-15110报错信息. ASM 11G以后为mount命令引入了restricted启动参数,以排他方式启动ASM_DISKGROUP

第二章预习

第二章实验(一):web服务目录的访问权限的控制 1.确认web服务器已经安装并启动 [[email protected] ~]# ls /usr/local/httpd/ bin build cgi-bin conf error htdocs icons include lib logs man manual modules [[email protected] ~]# netstat -utpln |grep 80 tcp 0 0 :::80 :::* LISTEN 73341/httpd

ORACLE AUTOMATIC STORAGE MANAGEMENT翻译-第二章 ASM instance(1)

第二章  ASM INSTANCE ASM的类型,例如可以: 10g后ORACLE instance 类型增加了一个ASM种类.参数INSTANCE_TYPE=ASM进行设置. ASM实例启动命令: startup nomount启动实例和后台进程.但没有挂载磁盘组 mount以后.实例会启动參数文件里ASM_DISKGROUPS指定的磁盘组,假设參数为空就会触发ORA-15110报错信息. ASM 11G以后为mount命令引入了restricted启动參数.以排他方式启动ASM_DISKGR