大数据开发基础之CSS创建
昨天提到了CSS的基础知识及语法,今天就带来CSS的创建,在大数据开发的基础之中,CSS和HTML都属于前端技术。当读到一个样式表时,浏览器会根据它来格式化 HTML 文档。插入样式表的方法有三种,这三种分别是外部样式表、内部样式表、内联样式。
1. 外部样式表External style sheet
这种主要适用于多页面的情况,外部样式表是可以通过改变一个文件,以此来改变整个站点的外观。每个页面都需使用标签来链接到样式表,注意标签要在文档的头部。这种做法能够节约大量的代码空间,提升网页打开速度,以此优化体验效果
例如
浏览器就会从文件mystyle.css中读到样式声明,并以此根据它来格式文档,外部样式表有三个要素:1.链接地址 2.type定义 3.样式表的名称并且它的标志就是.CSS的文件名。外部样式表可以在文本文档进行任意的编辑,但文件不能有任何的HTML标签,应该以.CSS的扩展名进行保存
hr {color:sienna;}
p {margin-left:20px;}
body {background-image:url("/images/back40.gif");}
在上面这个例子中我们就定义了颜色、边距、背景图像等。
2. 内部样式表Internal style sheet
当单个文档需要特殊的样式时,仅仅在一个网页当中发生作用,我们在这个时候就应该使用内部样式表,对这个样式表进行一个单独的定义。你可以使用
3. 内联样式Inline style
这是一种更为特殊的样式表达方式,由于要将表现和内容混杂在一起,内联样式会损失掉样式表的许多优势,例如当样式仅需要在一个元素上应用一次时,是一种劣大于优的方式,不是很建议使用,使用的话需要考虑再三。
要使用内联样式,你需要在相关的标签内使用样式(style)属性。Style 属性可以包含任何 CSS 属性。
This is a paragraph
上例就展示了如何改变段落的颜色和左外边距。
除了上述3中样式外,还有一种多重样式,这种方式的使用主要是因为有的时候选择的样式表过多,这个元素的属性值就会进行一个均衡的赋予。
使用多重样式时会有一个优先级顺序
内联样式> 内部样式 >外部样式> 浏览器默认样式
例子
测试!
杭州健澜科技有限公司解析医疗AI影像简史对于新近融资数亿元的医疗影像AI公司来说,证要一张一张拿,医院要一家一家进。近日,唱衰医疗影像AI的声音不绝入耳,坏消息也接踵而至。国外,谷歌宣布解散健康部门GoogleHealt
靠旧手机成就上亿财富的二手电子市场5G时代来临,手机更新迭代加速,二手电子市场觉醒成必然。在武汉8层楼的电脑城中,放眼望去,一家挨一家的商户门面上,几乎是清一色的高价回收招牌,而这回收的就是二手电子商品。现在手机更
2020。12。22手机选购推荐由于双十二过去了一周,而且还有一堆骁龙888新机待发布,所以这期实在是没啥好推的(要么停产要么涨价要么买不到,年底买手机太难了)。01000价位备用机首选价位,主力机不推荐1。红米
realmeGT发布,最便宜骁龙8888G运存手机3月4日,realme在线上举行新品发布会,正式发布了旗舰机型realmeGT(真旗舰再次延期)。作为realme上半年发布的第一款机器,realmeGT还是挺值得购买的。不过和红
vivoS10系列正式发布vivo首款一亿像素手机07月15日vivo正式发布了S10系列,共有S10和S10Pro两款。和之前猜测的一样,起售价分别为2999和3399,定位还是十分精准的(但其实就是S9的套娃机)。外观作为vi
荣耀X10发布,打响5G千元机第一枪今天下午,荣耀X10正式发布,废话不多说,直接来看参数和价格外观上,荣耀X10采用6。63英寸24001080分辨率的LCD真全面屏,侧边实体指纹,升降弹出式前置相机,90Hz屏幕
英伟达公布最新支持DLSS游戏仙剑7性能表现强势近日英伟达公布了最新一批支持旗下DLSS技术,也即是深度学习超级采样技术的游戏,其中包括玩家们非常熟悉的仙剑奇侠传系列的仙剑7博德之门3骑士精神2和古墓丽影崛起,这些使用了最新技术
华为,P50即将发布,有可能使用高通处理器最新消息,华为官方微博已放出华为P50的发布日期,定在在这个月底,华为的为P50,正式定档7月29发布,这次可能跟高通合作!惊喜还是失望粉丝都很期待这款产品的发布。华为每年的P系列
贵不贵?领克09上市售价26。5937。09万元10月20日,领克旗下全新旗舰轿车领克09正式上市,新车共推出2种动力共计6款车型,其中领克09MHEV车型推出3款车型,售价区间26。5932。09万元领克09PHEV车型也推出
2021年手机性能排行榜,看看你的手机在榜不?2021年手机性能排行榜,看看你的手机在榜不?对于比较爱玩游戏的用户来说,一款好的手机性能很重要,安兔兔公布了手机芯片性能排行榜骁龙888登顶第一,麒麟9000不敌天玑1200,三
小米发布RedmiK20系列手机售价约4。8万元近日,有外媒爆料7月小米将在印度举办发布会,推出红米K20系列。而小米印度高管称,这次还会带来一款K20Pro特别版。下面我们一起来看看该机的具体信息。首先从照片中来看,Redmi