佛山省钱网站设计哪家便宜,建行网站企业网银,云南 网站建设网站,卢松松wordpress博客CSS美化HTML#xff0c;布局网页 CSS最大的价值#xff1a;由HTML专注去做结构呈现#xff0c;样式给CSS#xff0c;结构#xff08;HTML)与样式#xff08;CSS#xff09;相分离 CSS主要由选择器以及一条或多条声明 在head/head中实现CSS在body… CSS美化HTML布局网页 CSS最大的价值由HTML专注去做结构呈现样式给CSS结构HTML)与样式CSS相分离 CSS主要由选择器以及一条或多条声明 在head/head中实现CSS在body/body实现HTLM 语法格式选择器{做什么} head
stylep {color: red;//冒号是小写的分号是大写的font-size: 12px;//冒号是小写的分号是大写的.字体的大小}
style
/head
bodyp有点意思/p
/body 空格规范 属性值前面冒号后面保留一个空格 选择器和大括号中间保留空格 选择器分为基础选择器和复合选择器 基础选择器分成标签选择器优点是能快速为页面中同类型的标签统一设置样式 类选择器可以单独选一个或几个标签
style
.red{color: red;//color: #ccooff;变成16进制的颜色双击可任意选取颜色
}
/style
bodyp classred是看得见/pp是看得见/pp是看得见/p
/body 可以理解为这个标签起了一个名字来表示 长名称或词组可以使用中横线来为选择器命名 不能使用纯数字、中文等命名尽量使用英文字母来表示 多类名的使用方式 style.red{color: red;}.green{font-size: 100px;}/stylebodyp classred green是看得见/p//可以同时使用red和green两个类。注意两个类中间要空格分开p是看得见/pp是看得见/p/body 使用多类名可以将宽长放一个类颜色放一个类 id选择器样式#定义结构id调用只能调用一次有标签使用了别的标签不能使用 #pink{color: red;
}
div idpink/div 同配符选择器 *{color: red;
}
body/body里面的所有的内容自动变成红色 CSS的字体系列 font-family属性定义文本的字体系列 head
stylep{font-size: 微软雅黑;font-weight: bold;//给字体加粗font-weight: 700;//开发的时候写数字。700等于加粗font-weight400;//400等于不加粗等于normal开发写数字}p{font-family: Micorsoft YaHai, Arial,Helvetica;}
/style
/head
bodyp classred是看得见/pp是看得见/pp是看得见/p
/body px是像素的意思 字体之间必须使用英文状态下的逗号隔开 空格隔开的多个的单词组成的字体加引号 使用系统默认的字体 可以直接给body直接输入字体 如果是标题的话就算是在body{ font-size12px}标题部分也要自己在重新定义 head
styleem {font-style: normal;}
style
/head
bodyem有点意思/em
/body 上述的代码可以复合起来顺序是 font斜体 粗细 字体大小 字体样式 注意不能颠倒顺序 复合字体可以没有斜体和粗细但不能没有字体大小和字体样式 CSS提供了背景颜色半透明的效果 background: rgba(0,0, 0, 0.3);//0.3也可以将.3 r代表红g代表绿色b代表蓝色a代表alpha透明度 盒子背景半透明不会影响盒子里面内容的
