css(1)
来源:互联网 发布:淘宝可以货到付款吗? 编辑:程序博客网 时间:2024/05/19 07:07
选择器{属性:值;}
width:20px(px为像素)
height
background-color:背景颜色
font-size:文字大小单位px
text-align:内容水平对齐|left|center|right
text-indent:内容的首行缩进|单位em,一个em相当于一个汉字的的大小
##基础选择器:
1.标签选择器
标签{属性:值}
2.类选择器
.类名{属性:值}
类名定义规则:
a.不能纯数字或者数字开头来定义,
b.不能用特殊符号,
c.下划线除外,但是只能是下划线后面不能有其他的东西
3.id选择器
#id值{属性:值}
a.一个ID选择器在一个页面上只能调用一次,如果使用两次或者两次以上,不符合w3c规范,js调用会出错。
4.通配符选择器
*{属性:值}
所有的标签都用这个样式
不推荐:增加浏览器负担,解析速度慢
##复合选择器
1.交集选择器(中间没有空格)
标签+类或者id选择器(中间没有空格){
属性:值;
}
2.后代选择器(中间有空格)
选择器+空格+选择器+空格+选择器..{//选择器和标签任意组合
属性:值;
}
特点:无限制隔代
div p span{//作用:div下的p标签中的span标签改变。最终生效的是span标签
color:red;
}
div span{//div含有span的都生效,span可以为儿子,孙子,曾孙子级别
}
.box span{
生效的是类名为box中的span,无限制隔代
}
3.子代选择器
选择器>选择器{//不能隔代,只能是下一代
属性:值;
}
4.并集选择器
div.box span,p#id,span,h1{//
}
##文本属性
font-style:normal(正常)|italic(类似em标签,斜体)
font-weight:文字粗细(100到900没有单位,一般都是700以上)
font-size:文字大小(px)
line-height:行高 单位px
font-family:微软雅黑(字体)
##文字属性连写:(要按照书写顺序)
font:italic(文字样式) 700(加粗) 16px/60px(字体大小和行高) 微软雅黑
文字大小和字体不不可少 16px 微软雅黑=microsoft yahei
width:20px(px为像素)
height
background-color:背景颜色
font-size:文字大小单位px
text-align:内容水平对齐|left|center|right
text-indent:内容的首行缩进|单位em,一个em相当于一个汉字的的大小
##基础选择器:
1.标签选择器
标签{属性:值}
2.类选择器
.类名{属性:值}
类名定义规则:
a.不能纯数字或者数字开头来定义,
b.不能用特殊符号,
c.下划线除外,但是只能是下划线后面不能有其他的东西
3.id选择器
#id值{属性:值}
a.一个ID选择器在一个页面上只能调用一次,如果使用两次或者两次以上,不符合w3c规范,js调用会出错。
4.通配符选择器
*{属性:值}
所有的标签都用这个样式
不推荐:增加浏览器负担,解析速度慢
##复合选择器
1.交集选择器(中间没有空格)
标签+类或者id选择器(中间没有空格){
属性:值;
}
2.后代选择器(中间有空格)
选择器+空格+选择器+空格+选择器..{//选择器和标签任意组合
属性:值;
}
特点:无限制隔代
div p span{//作用:div下的p标签中的span标签改变。最终生效的是span标签
color:red;
}
div span{//div含有span的都生效,span可以为儿子,孙子,曾孙子级别
}
.box span{
生效的是类名为box中的span,无限制隔代
}
3.子代选择器
选择器>选择器{//不能隔代,只能是下一代
属性:值;
}
4.并集选择器
div.box span,p#id,span,h1{//
}
##文本属性
font-style:normal(正常)|italic(类似em标签,斜体)
font-weight:文字粗细(100到900没有单位,一般都是700以上)
font-size:文字大小(px)
line-height:行高 单位px
font-family:微软雅黑(字体)
##文字属性连写:(要按照书写顺序)
font:italic(文字样式) 700(加粗) 16px/60px(字体大小和行高) 微软雅黑
文字大小和字体不不可少 16px 微软雅黑=microsoft yahei
阅读全文
0 0
- css-1
- css(1)
- css(1)
- css(1)
- css-1
- CSS(1)
- css(1)
- css 学习1 css基础
- CSS(1)初识CSS
- 体验DIV+CSS(1):DIV + CSS 入门
- CSS学习笔记 1 ---- CSS的导入
- CSS Study Notes 1: CSS Import Method
- css学习1----css超链接效果
- css设计指南学习1-css基础
- css设计指南学习1-css基础
- 【css杂记】css兼容处理杂记 1
- CSS之CSS概念记录1
- CSS学习笔记1--CSS语法基础
- P3390 【模板】矩阵快速幂
- 新建file时,file是否存在的问题
- Spring 的七大模块
- 1023. 组个最小数 (20)
- 正则表达式的语法、RegExp对象的匹配方法、String对象的匹配方法
- css(1)
- Linux C 多文件编程
- day07-BootStrap与mysql回顾
- 《HBase权威指南》读书笔记 第八章:架构,HFile格式
- JAVA引用类型强制类型转换
- java对象引用
- 单链表的归并排序:时间复杂度O(nlogn),空间复杂度O(1)
- 挑战nbc (noip2016)膜你赛Day1提高组
- java实现中缀转后缀,后缀计算值