HTML学习教程004(北大青鸟)nullnull第四章CSS样式表回顾 回顾 表单中提交数据的方法有那两种及其区别? 创建一个登录界面需要哪些表单元素? target属性取值可以为哪些及其含义?预习检查预习检查简述样式表的基本结构? 常用的样式属性有哪些?本章任务本章任务美化“宝贝分类”页面 制作并美化“注册”页面本章目标本章目标会创建统一外观的字体文本 会创建无下划线的超连接样式 会创建个性化的表格 会创建个性化的表单为什么需要CSS样式表为什么需要CSS样式表HTML标签的外观样式比较单一 颜色只有黑白 字体类型和大小无变化 样式...
床前明月光,
疑是地上霜。
我是郭德刚,
低头思故乡。
查看源代码本页面中所有的P标签都应用了此样式所有的段落都采用P样式,保证风格统一用分号隔开选择器如何编写此样式?字体类型为律书、大小24px样式表的基本语法样式表的基本语法如果希望其他的标签也能采用P标签的样式,怎么办? 其他标签和P标签应该采用相同的样式,所以要为它们定义一个共享样式。类样式(class).类名样式规则样式表的基本语法样式表的基本语法床前明月光,
疑是地上霜。
我是郭德刚,
低头思故乡。
查看源代码CLASS类选择器为类选择器定义的样式规则应用类选择器 class=”类名“标签要应用同一样式如何实现这样的样式效果?字体类型都为隶书常用的样式属性常用的样式属性文本属性 使用font-size、font-family、 color实现 宋体,字体大小12px字体大小16px要实现如下图所示的文本样式,该如何编写?常用的样式属性常用的样式属性
【新闻】[设搜狐为首页] 9月1日·世锦赛刘翔12秒95夺冠成就大满贯
·我国实施不安全食品召回制度 遏制非法出口
…..查看源代码声明P标签样式声明名称为bigFont类样式,它可被多个标签共享应用类样式用 class=”类名“小结1小结1编写如下图所示效果对应的HTML代码 练习 飞向蓝天的恐龙练习非连续性文本练习把字句和被字句的转换练习呼风唤雨的世纪练习呼风唤雨的世纪课后练习 答案 八年级地理上册填图题岩土工程勘察试题省略号的作用及举例应急救援安全知识车间5s试题及答案 黑体,字体大小20px字体大小14px,蓝色练习代码常用的样式属性常用的样式属性背景属性演示示例2:使用不同的背景属性 …… 设置背景图像为images文件夹下的type_back1.jpg设置背景图像不平铺常用的样式属性常用的样式属性方框属性margin-right 右边界margin-left 左边界margin-top 上边界margin-bottom 下边界marginborderpaddingborder-width 边框的宽度padding-left 左填充padding-bottom 下填充常用的样式属性常用的样式属性方框属性常用的样式属性常用的样式属性 要实现下图所示的效果,该如何编写样式规则?线宽2px、虚线框样式dashed、颜色为red使用background、border-right-width、border-right-color、border-right-style、padding-top和padding-left来实现行的背景色为yellow常用的样式属性常用的样式属性 …… ……查看源代码文本框为实线边框边框宽度为1像素看看没有设置样式的文本框的效果常用的样式属性常用的样式属性特殊样式(超连接) a:link {color: #FF0000} /* 未被访问的链接 红色 */ a:visited {color: #00FF00} /* 已被访问过的链接 绿色 */ a:hover {color: #FFCC00} /* 鼠标悬浮在上的链接 橙色 */ a:active {color: #0000FF} /* 鼠标点中激活链接 蓝色 */ ……床前明月光,
疑是地上霜。
我是郭德刚,
低头思故乡。
……查看源代码所有的段落都采用 P 样式,保证样式统一行内(嵌入)样式表行内(嵌入)样式表 如果希望某段文字和其他段落文字显示风格不一样, 该如何解决? 使用行内(嵌入)样式表可以解决行内(嵌入)样式表行内(嵌入)样式表这个段落应用了样式
这个段落按默认样式显示 为标签p指定样式查看源代码本段
标签采用了行内样式行内(嵌入)样式表行内(嵌入)样式表
床前明月光,
疑是地上霜。
我是郭德刚,
低头思故乡。
标签采用了行内样式外部样式表文件外部样式表文件 如果希望一个网站中多个页面的样式保持一致, 如何解决?使用外部样式表文件样式表可以解决外部样式表文件外部样式表文件根据样式文件与网页的关联方式又分为: 链接(LINK )外部样式表 导入(@import)外部样式表 链接(LINK )外部样式表 链接(LINK )外部样式表使用LINK(链接)标签 :
第一步:创建样式表文件newstyle.css 第二步:把样式文件和网页绑定第三步:浏览查看各网页演示示例3:使用外部样式表1 使用外部样式表2引入的样式文件 导入(@import)外部样式表 导入(@import)外部样式表使用@import导入 ,语法: 引入样式表文件演示示例4:使用外部样式表1 使用外部样式表2 总结 初级经济法重点总结下载党员个人总结TXt高中句型全总结.doc高中句型全总结.doc理论力学知识点总结pdf 总结方框属性有哪些常用属性?并分别说明其含义? 超链接样式有哪几种? 内嵌样式表、行内样式表、外部样式表文件分别适用什么场合?null