夜灵的Html笔记Day04——CSS3basic

xiaoxiao2021-02-28  92

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

最新回复(0)