web前端学习第二步:css学习(第二次,3小时+)







    
    css学习2
    



    

大年初一 大年初二 大年初三 接下来的日子
宅在家 宅在家 宅在家 宅在家

为什么我寒假会这么闲呢?故事还得从一只蝙蝠说起。

虚线边框

双边框

更详细的边框定制

简写style

此为轮廓里面的内容,由于设置并不突出,极其类似边框,注意轮廓可定制性低于边框


margin(外边距),padding(填充)图解(来自菜鸟): 菜鸟
注意各个边的margin都可以定制,maargin是透明的,包含top,bottom,left,right,可以使用百分比,像素,厘米值
注意可简写,按照上右下左,三个值时为上左右下,两个时为上下左右,一个为全部,margin与padding设置相同

width:设置宽
height:设置高
max-height:设置最大高
max-width:设置最大宽
min-height:略
min-width:略

  • line-height:设置行高(这个有点重要)

    你好

    你好

    你好

    你好

    你好

    我想说,

    好吧,我不想说

    我又想说 好吧,我又不想说
    • 接下来是关于position的内容:
    • position:static 解释:此属性下,文档按照正常格式安排文档,此时top等属性无效
    • position:fixed 解释:此属性下,文档可自由定制,但定制内容会固定在显示位置,即滚动无效
    • position:sticky 解释:此属性下,类似fixed,但内容可以滚动!只是始终在页面内,最后始终在页面最上方,好玩不?
    • position:relative 解释:此属性下,文档相对正常位置进行移动,以正负确定位置
    • position:absolute 解释:此属性下,文档相对于上一个已定位的文档进行二次定位,若无,则同relative
    点击这里 点击这里

    最近肺炎感染状况愈演愈烈,全国已统计的感染人数高达6000+,该病毒可能来源于中华菊头蝠,借由果子狸作为媒介, 大吃货帝国名不虚传,由于华南海鲜市场有人违法售卖野生动物,初期并不严重,但传染力很强,现在表现为:

    • 潜伏期为3-8天,最长不超过14天
    • 存在人传染现象
    • 目前重灾区为武汉
    • 武汉已封城,但500多万人已提前离开,剩余900多万人听从国家安排,尽可能减轻风险
    • 目前仅西藏豁免此次危机,有人开玩笑:病毒有严重高原反应
    • 对于那些不在意的人,我们无话可说,只能尽己所能

    图片 1、文。   汉·许慎《〈说文解字〉叙》:“盖依类象形,故谓之文;其後形声相益,即谓之字,”按,依类象形,即独体,为文;形声相益,即合体,为字。   《史记·秦始皇本纪》:“一法度衡石丈尺,车同轨,书同文字。” 南北朝《千字文》:“始制文字 ,乃服衣裳 。”   北齐·颜之推《颜氏家训·勉学》:“夫文字者,坟籍根本,世之学徒,多不晓字。”   唐·韩愈《读〈鹖冠子〉》:“文字脱谬,为之正三十有五字。”   清·陈澧《东塾读书记·小学》:“声者象乎意而宣之者也,声不能传於异地,留於异时,於是乎书之为文字。”   鲁迅《汉文学史纲要》第一篇:“要之文字成就,所当绵历岁时,且由众手,全羣共喻,乃得流行,谁为作者,殊难确指,归功一圣,亦凭臆之说也。” 2、字记录的书面语。   唐·孟郊《老恨》诗:“无子抄文字,老吟多飘零。”   元·刘祁《归潜志》卷八:“雷 则云作文字无句法,委靡不振,不足规。”   《醒世恒言·钱秀才错占凤凰俦》:“有几个考学,看了舍亲的文字,都许他京解之才。”   夏丏尊、叶圣陶《文心》三:“一篇文字的题目,往往是完篇之后才取定的。” 3、字记录词和句子。   唐·韩愈《荆潭唱和诗序》:“搜奇抉怪,雕镂文字,与韦布里闾憔悴专一之士,较其毫釐分寸。” 4、公文;案卷。   宋·范仲淹《耀州谢上表》:“今后贼界差人齎到文字,如依前僭伪,立便发遣出界,不得收接。”   《宣和遗事》前集:“有那押司宋江接了文字看了,星夜走去石碣村,报与晁盖几个。”   《秦并六国平话》卷上:“各路州县接得文字,得知韩王被虏,诸将皆亡,未免具降书投降。”   《古今小说·简帖僧巧骗皇甫妻》:“钱大尹看罢,即时教押下一箇所属去处,叫将山前行山定来。当时山定承了这件文字。” 5、奏疏或札子。   宋·朱弁《曲洧旧闻》卷八:“熙宁初议新法,中外惶骇,韩魏公有文字到朝廷,裕陵之意稍疑。”   明·冯梦龙《智囊补·上智·韩琦》:“一日,入札子,以山陵有事取覆,乞晚临,后上殿独对,谓官家不得惊,有一文字须进呈,说破只莫泄。” [1]

    年后

    姓:
    名:

    web前端学习第二步:css学习(第二次,3小时+)_第1张图片
    1

    web前端学习第二步:css学习(第二次,3小时+)_第2张图片
    2

    web前端学习第二步:css学习(第二次,3小时+)_第3张图片
    3

    web前端学习第二步:css学习(第二次,3小时+)_第4张图片
    4

    文中还有几个没提,如伪类等,其实就是类似于c中的类,写法一样,如:p:first-line,p:first-letter即分别对段落的第一行文字和第一个字有额外显示,可分别用其它简单方法表示,如span,只是复杂一点

    之所以学到这里必须中断,是因为目前遇到了棘手的问题,导航栏的制作,这点太炫了!包括很多点,其中下拉菜单我觉得很难,暂时没懂,因此理解后必须单独列出,故此处必须断掉!!!

    你可能感兴趣的:(web前端学习第二步:css学习(第二次,3小时+))