博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS样式学习笔记?
阅读量:4984 次
发布时间:2019-06-12

本文共 1247 字,大约阅读时间需要 4 分钟。

如何利用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标准是支持滤镜功能的

表格标题
2004 2005
拨款 11111 22222
投资 33333 44444
标签起强调作用 标签是普通的一列 

转载于:https://www.cnblogs.com/hbiao68/archive/2011/10/17/2215746.html

你可能感兴趣的文章
CSS border 生成三角
查看>>
asp.net(c#)开发中的文件上传组件uploadify的使用方法(带进度条)
查看>>
7.STM32中GPIO理解
查看>>
base64 json
查看>>
在vim中搜索单词
查看>>
设置定点数学属性
查看>>
自动化测试工具 Test Studio入门教程
查看>>
Python之进程线程
查看>>
排序算法(一) —— 冒泡排序
查看>>
No.026:Remove Duplicates from Sorted Array
查看>>
SpringBoot项目的几种创建方式,启动、和访问
查看>>
窗外【1】
查看>>
解决"disabled". Expected Boolean, got Number with value 0
查看>>
Android 四大组件之Service
查看>>
OC--init,initialize,initWithCoder:,initWithFrame:各方法的区别和加载顺序
查看>>
xml.dom.minidom
查看>>
Exponentiation
查看>>
本地jar上传到本地仓库
查看>>
7.14T3
查看>>
四则运算C++带Qt界面版本,吾王镇楼。。。。。
查看>>