技术资讯
css基本知识与基本语法
2014-10-26 09:01:35
今天小编与大家一起共同学习一下、css基本知识与基本语法。
一、基本概念
1、 选择符:就是HTML当中可用的任何元素,例如:body,a,td p.....
2、 类: 就是我们自己给格式起的名字,应用的时候叫名字(class=类)
3、 伪类:visited、 active 、link 等
二、基本语法
CSS的定义是由三个部分构成:选择符(selector),属性(properties)和属性的取值(value)。
基本格式如下: selector { property: value} (选择符 { 属性:值}) 选择符是可以是多种形式,一般是你要定义样式的HTML标记,例如BODY、P、TABLE……,你可以通过此方法定义它的属性和值,属性和值要用冒号隔开: body { color: black} 选择符body是指页面主体部分,color是控制文字颜色的属性,black是颜色的值,此例的效果是使页面中的文字为黑色。
如果属性的值是多个单词组成,必须在值上加引号,比如字体的名称经常是几个单词的组合: p { font-family: "sans serif"} (定义段落字体为sans serif) 如果需要对一个选择符指定多个属性时,我们使用分号将所有的属性和值分开: p { text-align: center; color: red} (段落居中排列;并且段落中的文字为红色) 为了使你定义的样式表方便阅读,你可以采用分行的书写格式: p { text-align: center; color: black; font-family: arial } (段落排列居中,段落中文字为黑色,字体是arial)
2.选择符组 你可以把相同属性和值的选择符组合起来书写,用逗号将选择符分开,这样可以减少样式重复定义: h1, h2, h3, h4, h5, h6 { color: green } (这个组里包括所有的标题元素,每个标题元素的文字都为绿色) p, table{ font-size: 9pt } (段落和表格里的文字尺寸为9号字) 效果完全等效于: p { font-size: 9pt } table { font-size: 9pt }
3.类选择符 用类选择符你能够把相同的元素分类定义不同的样式,定义类选择符时,在自定类的名称前面加一个点号。假如你想要两个不同的段落,一个段落向右对齐,一个段落居中,你可以先定义两个类: p.right { text-align: right} p.center { text-align: center} 然后用不在不同的段落里,只要在HTML标记里加入你定义的class参数:
注意:类的名称可以是任意英文单词或以英文开头与数字的组合,一般以其功能和效果简要命名。 三、具体使用 1、行内: 用选择符 { 属性: 值 } 例如: TD { FONT-SIZE: 9pt} 2、文件头:方在 之间
以上就是对CSS基本知识和基本语法的菜鸟试讲解法,能够给大家带来一定的用处。
近期更新
- [2023-07-26 14:17:28] 为品牌赋能,海外官网品牌数字化
- [2023-05-06 10:32:26] 青岛网站建设公司,高端网站定制,一站式网站服务——力图数字科技
- [2023-04-27 13:47:54] 高端定制网站建设——从满足预期到走向卓越
- [2023-04-11 09:17:49] H5页面设计开发——移动端传播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力图数字科技配套网站服务支持
- [2021-05-18 10:14:11] 青岛网站建设的流程
- [2021-04-29 10:14:38] 企业定制化官网建设项目
- [2021-03-05 10:34:45] 移动互联时代房地产行业的微信小程序解决方案
- [2021-01-22 17:29:38] 微信小程序有哪些优势?为什么要开发微信小程序?
- [2021-01-08 17:28:04] 网站建设最容易忽略的人性化设计
- [2020-12-16 16:55:32] 建设一个常规的公司网站建设成本大概是多少?
延伸阅读
- [2014-10-27 11:32:43] 高权重老站被百度K掉后如何处理
- [2019-05-24 09:56:02] 青岛网站制作哪家强
- [2014-11-26 09:03:20] 网页设计师最基本的原则
- [2014-01-10 00:16:32] 如何在DEDE列表页中调用下载地址(已解决)
- [2015-01-14 19:34:24] 发布的高权重文章被转载了怎么办?
- [2015-03-17 09:27:56] 策划开发制作营销型网站?
- [2014-06-05 21:55:20] 如果允许此操作 网页可以访问剪切板 并读取最近剪切或复制的信息(已解决)
- [2015-09-05 09:44:32] 响应式网站效果与案例欣赏
- [2015-02-16 10:48:17] 关键词网页应该放到什么位置?
- [2013-10-31 12:19:12] dede TAG标签 长度
- [2011-11-02 17:45:07] Google免费网站访问统计工具
- [2012-12-23 00:11:11] 交互设计的逻辑关系应用