CSS样式学习笔记

原创 2013年12月04日 09:43:50

如何利用CSS做到图文混排?
把文字当作图片处理,图片当作文字处理
为了保证图片不占一行(或一个div),需要用float:left这个样式,写海报“首字母下沉”效果需要用到这个样式

利用<li>标签做导航标签?
设置list-style-type:none;float:left;
可以不需要<ul>标签,如果有则也需要将list-style-type:none;

 

在CSS样式中设置body样式——全局风格?

body{
	font-size:12px;
	color:#000000;
	text-align:center;
	font-family:Arial,Helvetica;
	width:1024px;
	--上面是定义全局网页的风格
	magin:opx;
	padding:0px;
	--最下面两句是“内容居中”的风格,让顶部无空白部分
}

 

边框
border:border-width || border-style || border-color
border:groove;
border:groove blue;
border:4px groove blue;
备注:为了能让边框显示出来,必须指定边框的类型,宽度和颜色都有相对应的默认值(需要指定出来,不然显示不出来)

 

 

定位与布局两种样式结合
定位:position: absolute(可重叠,相对于最近的父组件)relative(不可重叠)static
 z-index:重叠之后出现分层,显示层次的顺序
 top
 right
 bottom
 left
布局:float:none(对象不漂浮)left(向左浮动)right(向右浮动)
 overflow:
 overflow-x:
 overflow-y:
 display:不保留占据的物理空间
 visibility:保留占据的物理空间

<span>标签被用来组合文档中的行为元素
注:如果不对该标签使用样式,它和文本内容是没有区别的

 

滤镜功能
CSS2滤镜只针对IE起作用,因为这个是IE特有的,由于滤镜效果被广大开发者喜欢,慢慢的也被很多人接收,所以CSS3也添加了滤镜这个功能,CSS3可以解决CSS2滤镜不兼容的问题,CSS3标准是支持滤镜功能的

<table>
	<caption>表格标题</caption>
	<tr>
		<th></th>
		<th>2004</th>
		<th>2005</th>
	</tr>
	<tr>
		<th>拨款</th>
		<td>11111</td>
		<td>22222</td>
	</tr>
	<tr>
		<th>投资</th>
		<td>33333</td>
		<td>44444</td>
	</tr>
<th>标签起强调作用
<td>标签是普通的一列 

 

 

设置链接有下划线的CSS样式?

text-decoration:underline;     //有下划线
text-decoration:none;          //无下划线

 

使用jquery修改样式?
$("#id").css("color","#ffffff");
按钮灰化的颜色是——#ACA899      (可以使用屏幕取色软件)

相关文章推荐

CSS样式(背景、文本、字体)学习笔记

仅仅是自己对着W3CSchool整理的一些 CSS 基础知识点,敲一遍加深下印象也方便以后复习。 CSS背景 背景色 使用background-color属性为元素设置背景色 例如...

CSS样式学习笔记

1.当同一个html元素被不同的样式定义时,所有的样式会根据以下的规则层叠于一个虚拟样式表中,其中数字越大拥有越高的优先权: (1)浏览器缺省设置; (2)外部样式表; (3)内部样式表(位于h...

CSS样式(链接、列表、表格、轮廓)学习笔记

仅仅是自己对着W3CSchool整理的一些 CSS 基础知识点,敲一遍加深下印象也方便以后复习。 CSS链接 设置链接的样式 链接样式可用属性:color.f...

Bootstrap学习笔记之全局CSS样式(一)

全局CSS样式 一、概览 需要将页面设置为 HTML5 文档类型 ... 在移动设备浏览器上,通过为视口(viewport)设置 meta 属性为 user-...

bootstrap v3学习笔记之全局css样式

1、文档类型必须为html5类型,页面格式应为: ... 2、移动设备优先。为了确保适当的绘制和触屏缩放,需要在 之中添加 viewport 元数据标签: viewport:视口...
  • zzm628
  • zzm628
  • 2015年08月07日 10:46
  • 528

WEB标准布局(DIV+CSS)学习笔记(一)-- CSS样式基础知识

首先,CSS样式有4种使用方式: 1、外部样式 2、内部样式 3、行内样式 4、导入样式 外部样式:把CSS样式写入到一个单独的文件中,每个HTML页面链接该文件,是使用最为广泛的方式,...

CSS从基础到熟练学习笔记(一)引入CSS样式的三种方式以及多种样式的优先级

CSS是一种样式表语言,描述了一个HTML(或XML)文档演示。CSS描述了元素是怎样渲染到屏幕、纸上或其他媒体的。内部样式和外部样式的定义顺序(引入顺序)决定了优先级高低,后指定的优先级高;内联样式...

CSS样式笔记

CSS样式笔记

css样式读书笔记

地址: http://www.w3school.com.cn/css/index.asp css样式 背景 背景色 背景图像 背景重复 背景定位 背景关联 小结 文本 缩进文本 水平对齐 字间隔 字...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:CSS样式学习笔记
举报原因:
原因补充:

(最多只允许输入30个字)