http.www.w3school.com.cn
1.css简介:美化网页,布局(网页美容师)
2.css格式
选择器{样式}
给谁改样式{改什么样式}
<style> p { 标签名称 中间用冒号;一定要加分号表述结尾 color: green; /* 修改颜色 */ font-size: 20px; /* 修改了文字大小为20像素 */ } </style>//规范:冒号后面、选择器和大括号之前加一个空格
3.css选择器
作用:选择要改的标签
一.基础选择器
1.标签选择器
<style> 标签名 { 属性 :属性值; } </style>2.类选择器
.类名{//类名:自定义
属性 :属性值;
}第一步
第二步:在需要该的标签中写 class="类名"
类选择器口诀:样式点定义 结构类(class)调用 一个或多个 开发最常用
2.2.类选择器----多类名 要求:属性之间有空格 应用:可以把相同的属性放在一个类中,可以统一修改 3.id选择器 #id名{ 属性 :属性值; } id选择器的口诀:样式#定义,结构id调用,只能调用一次,别人不能使用 类选择器和id选择器差不多,一个是点和class,一个是#和id 4.通配符选择器 它一次选择页面的所有标签 属性 : 属性值; } 2.css字体属性 1.字体系列 如:宋体,正楷,小隶 标签名{ font-family: 字体名; } 同时写多个字体,防止你的电脑上步配备该字体,提供选择,各字体用英文的逗号隔开 2.字体大小 标签名{ font-size: 值px; } 页面默认为16px 标题标签比较特殊,需要单独指定文字大小 可以直接用<boby>标签设置字体格式 3.字体粗细 标签名{ font-weight : 值; normal默认值、bold加粗(strong)、 } 700的后面不要加其他,等同于bold ;同理 normal=400;注意数字后不跟单位 4.文字样式 normal默认值;italic表示斜体 标签名{ font-style :normal/italic; normal默认值、italic斜体(倾斜标签) } //经常给斜体标签、不倾斜 5.复合属性 font: font-style font-weight font-size/line-height font-family; 所有font属性,顺序不能改变,各个属性间用空格隔开 不用的属性可以省略(取默认值),但必须保留font-size,font-family属性 3.css文本属性 1.文本颜色 2.对齐文本 text-align属性设置元素内文本内容的水平对齐方式 div{ text-align:center/left/right }默认的是左对齐 3.装饰文本 text-decoration:添加下划线、删除线、上划线 div{ text-decoration:underline; }none默认无、underline下划线、overline上划线、line-through删除线 a{ 4.文本缩进 text-indent属性每段落首行缩进 div { }//em是一个相对单位。代表1个文字的大小 5.行间距 text-height div { } 行间距=字体的像素+上间距+下间距 4.css引入方式 一、嵌入方式 1.内部样式表 在html页面中,将所有的css全抽出放在<style>中 2.行内样式表 啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦啦 可以控制当前的标签,只适用简单的样式修改 3.外部样式表 第一步:单独建一个css文件,在css文件中写各种属性 第二步:在html页面中,使用<link>标签引用这个文件 5.Chrome调试工具
font: italic 700 16px 'Microsoft yahei' ;
text-decoration: none;
/* 取消链接的下划线 */
}
text-indent :像素值//2em;
text-lenght :像素值;
版权归原作者 lyy2006721 所有, 如有侵权,请联系我们删除。