第四章 CSS样式表VIP免费

下载本文档

阅读 198
下载 12
格式 ppt
大小 1.2 MB
约25页
2024-11-09 发布于河南
收藏
评论
点赞(0)
海报
举报

1/25页

2/25页

3/25页

在线预览已结束，请下载后查看完整版，加入VIP享文档下载特权

/25

文本预览下载提示常见问题

第四章第四章CSS样式表CSS样式表为什么需要CSS样式表样式表能实现内容与样式的分离，方便团队开发程序员写代码程序员写代码美工做样式美工做样式内容与样式和谐统一的完整网页内容与样式和谐统一的完整网页什么是CSS样式表CSS指层叠样式表（CascadingStyleSheets），层叠的意思是：多重样式定义被层叠为一。在网页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。样式表的基本语法样式表的基本结构P{color:red;font-size:30px;font-family:隶书;}……声明文档样式表结束声明文档样式表结束文档样式表开始，类型为CSS样式文档样式表开始，类型为CSS样式样式规则样式规则选择器选择器样式规则P{color:red;font-size:30px;font-family:隶书;}属性属性属性的值属性的值.red{color:red;font-family:"隶书";font-size:24px;}……样式表的基本语法如果希望其他的标签也能采用P标签的样式，怎么办？其他标签和P标签应该采用相同的样式，所以要为它们定义一个共享样式。类选择器(class).类名.类名样式规则样式规则样式表的基本语法样式规则.red{color:red;font-family:"隶书";}静夜思CLASS类选择器CLASS类选择器为类选择器定义的样式规则为类选择器定义的样式规则应用类选择器class＝”类名“应用类选择器class＝”类名“常用的样式属性•文本属性文本属性说明font-size字体大小font-family字体类型font-style字体样式color设置或检索文本的颜色text-align文本对齐使用font-size、font-family、color实现使用font-size、font-family、color实现宋体，字体大小12px宋体，字体大小12px字体大小16px字体大小16px要实现如下图所示的文本样式，该如何编写？常用的样式属性方框属性margin-right右边界margin-right右边界margin-left左边界margin-left左边界margin-top上边界margin-top上边界margin-bottom下边界margin-bottom下边界marginborderpaddingborder-width边框的宽度border-width边框的宽度padding-left左填充padding-left左填充padding-bottom下填充padding-bottom下填充常用的样式属性属性CSS名称说明边界属性margin-top设置对象的上边距margin-right设置对象的右边距margin-bottom设置对象的下边距margin-left设置对象的左边距边框属性border-style设置边框的样式border-width设置边框的宽度border-color设置边框的颜色填充属性padding-top设置内容与上边框之间的距离padding-right设置内容与右边框之间的距离padding-bottom设置内容与下边框之间的距离padding-left设置内容与左边框之间的距离方框属性常用的样式属性要实现下图所示的效果，该如何编写样式规则？线宽2px、虚线框样式dashed、颜色为red线宽2px、虚线框样式dashed、颜色为red使用background、border-right-width、border-right-color、border-right-style、padding-top和padding-left来实现使用background、border-right-width、border-right-color、border-right-style、padding-top和padding-left来实现行的背景色为yellow行的背景色为yellow常用的样式属性.tableBorder{border-right-width:3px;border-right-color:red;border-right-style:dashed;padding-top:20px;padding-left:10px;}TR{background-color:yellow;}手机冲值电子彩票……设置单元格右边框宽度为3像素设置单元格右边框宽度为3像素设置单元格右边框为虚线框设置单元格右边框为虚线框设置单元格里文字与左边框的距离为10像素设置单元格里文字与左边框的距离为10像素表格行的背景色表格行的背景色要实现下图细边框的效果，该如何编写样式规则？常用的样式属性文本框宽度为1px,边框样式为solid文本框宽度为1px,边框样式为solid使用border-width和border-style属性使用border-width和border-style属性常用的样式属性.textBo...

1、当您付费下载文档后，您只拥有了使用权限，并不意味着购买了版权，文档只能用于自身使用，不得用于其他商业用途（如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利）。
2、本站所有内容均由合作方或网友上传，本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺！文档内容仅供研究参考，付费前请自行鉴别。
3、如文档内容存在违规，或者侵犯商业秘密、侵犯著作权等，请点击“违规举报”。

碎片内容

第四章 CSS样式表

金钥匙书屋 + 关注: 实名认证
内容提供者

热爱教育事业，爱好互联网行业

收藏店铺进入空间

第四章 CSS样式表VIP免费

第四章 CSS样式表

您可能关注的文档

热门下载

相关标签