css3basic 1.CSS概述 1.?? html网页中,让所有div的内容变成红色? html网页中,让所有p标签的内容变成蓝色? htlm网页中,让所有表格table中的td内容居中显示?? html属性的不足? 1.相同的事情 要用不同的属性完成 <body text="" bgcolor=""> <font color=""> **:可重用性较低 2.css??? Cascading Style Sheets 层叠样式表,又叫级联样式表(通称:样式表) 特点: 1.实现内容与表现相分离 2.提供代码的可重用性 3.html,css关系? html----定义网页的结构 css-----构建页面的样式 ***:HTML属性和CSS内容能够完成相同的事情,优先使用CSS 2.CSS语法 1.如何使用CSS? 1.内联方式(行内样式) 将CSS样式定义在单个HTML元素内 语法: <any style="样式声明1;样式声明2;样式3;....."></any>单标记也包括 样式声明: 属性1:值;属性2:值;........ eg: color 任何合法颜色值(red,#ff0000,rgb(255,255,255) background-color 合法颜色值 font-size 以px或pt为单位的大小值 2.内部样式表 在<head>元素中的<style></style>标签里编写若干"样式规则" eg: <html> <head> <meta charset="utf-8"> <title>document</title> <style> <!--在这里写就是内部样式表--> 样式规则1 样式规则2 ...... </style> </head> <body></body> </html> 样式规则: 选择器{ 样式声明1; 样式声明2; ...... } p{ color:red; font-size:20px; ....... } 3.外部样式表 将样式规则存放在独立的样式文件中(***.css) 使用方法: 1.创建样式表文件并编写样式 2.在使用的网页中,使用<link>标签链接到外部样式表 语法: <head> <title>标题</title> <link href="样式表url" rel="stylesheet"> </head> 练习: 1.新建一个div元素,用内联方式设置其字体大小为30px,文本颜色为绿色,背景颜色为粉色 2.新建 一个h1元素,用内部样式设置其文本颜色为橘色,背景颜色为黑色 3.新建一个p元素,用外部样式设置其字体大小为60px,文本颜色为黄色 4.新建一个div元素,用外部样式设置其字体为100px,文本颜色为蓝色, 优先级???? 十遍form表单,新旧都写 菜鸟教程预习 360 http://www.microshield.com.cn/ 这两个能做的就做,不能的语义标签先布局
转载请注明原文地址: https://www.6miu.com/read-52813.html