Day4:html和css

【Day4:html和css】的更多相关文章

Day4:html和css 规范注意链接里面不能再放链接. a里面可以放入块级元素. 空格规范选择器与{之间必须包含空格. 如: .class {} 属性名与之后的:符号之间不允许包含空格, 而:符号与属性值必须包含空格. 如: font-size: 23px; 选择器的规范如: // 并集选择器 .da, .shu, .coding { color: blue; } 选择器的嵌套层级不大于3级就行. #da input {} .shu .coding {} 行高可以让一行文本在盒子中垂直…

Day6:html和css

Day6:html和css 复习 margin: 0; padding: 0; <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Demo</title> <style> // 父元素 .father { border: 1px solid red; width: 300px; } // 添加浮…

Day5:html和css

Day5:html和css 如何实现盒子居中问题,要让盒子实现水平居中,要满足是快级元素,而且盒子的宽度要定义.然后数值为auto即可. .dashu { width: 100px; margin: 0 auto; } 盒子的水平居中为 margin: auto; 而文字的水平居中为: text-align: center; text-align: center; // 文字水平居中 margin: auto; // 盒子的水平居中盒子水平居中: <!DOCTYPE html> <ht…

Matplotlib数据可视化（3）：文本与轴

在一幅图表中,文本.坐标轴和图像的是信息传递的核心,对着三者的设置是作图这最为关心的内容,在上一篇博客中虽然列举了一些设置方法,但没有进行深入介绍,本文以围绕如何对文本和坐标轴进行设置展开(对图像的设置在后续介绍到各种图绘制时介绍). 这里所说的文本是指在使用matplotlib作图过程中通过代码的方式往图中添加的各种文字,包括figure标题.axes标题.坐标轴标签.坐标轴刻度标签.注释.普通文本等.轴设置指的是对与坐标轴相关的的元素的设置,例如显示范围.刻度.刻度标签等. In [1]…

Day4 HTML新增元素与CSS布局

Day4 HTML新增元素与CSS布局 HTML新增属性: 一:常见的布局标签(都是块级元素) <header>头部</header> <nav>导航</nav> <aside>侧边栏</aside> <article>文章,独立的块,帖子</article> <section>章节,页眉,页脚</section> <footer>页脚</footer> 1.h…

day4 CSS属性操作

1.CSS属性基本属性 height, 高度百分比 width, 宽度像素,百分比 text-align:ceter, 水平方向居中 line-height, 垂直方向根据标签高度 color. 字体颜色 font-size. 字体大小 font-weight 字体加粗 <div style=" height:48px; width: %; border: 2px solid black; font-size: 20px; text-align: center; line-heigh…

中软培训第一周复习总结 --简单的HTML 与CSS

一些需要记住的点: day1 HTML格式及简单标签: html 文件一般格式: 1 <html> 2 <head lang="en"> 3 <meta charset="utf-8"> 4 <title>页面名称</title> 5 </head> 6 <body> 7 页面内容 8 </body> 9 </html> charset 设置字符编码,避免页面…

Python实例---模拟微信网页登录(day4)

第五步: 获取联系人信息---day4代码 settings.py """ Django settings for weixin project. Generated by 'django-admin startproject' using Django 2.0.1. For more information on this file, see https://docs.djangoproject.com/en/2.0/topics/settings/ For the ful…

CSS的未来

仅供参考前言完成<CSS核心技术与实战>这本书,已有一个多月了,而这篇文章原本是打算写在那本书里面的,但本章讲解的内容,毕竟属于CSS未来的范畴,而这一切都还不能够确定下来,所以这一章没有写进去,但不管怎么说,多少了解一下还是有好处的,里面部分功能,有些浏览器已经实现了. 如果你对CSS预处理器感兴趣,那么本篇文章也许很适合你. 初学CSS预处理器,其实我是不太明白为什么需要用这种东西的,后来想明白一件事,一切都是为了可维护性.比如下面这幅图距离左边有一点点间距,而其他元素设置的间距往往…

前端极易被误导的css选择器权重计算及css内联样式的妙用技巧

记得大学时候,专业课的网页设计书籍里面讲过css选择器权重的计算:id是100,class是10,html标签是5等等,然后全部加起来的和进行比较... 我只想说:真是误人子弟,害人不浅! 最近,在前端群里还发现以上观点类似的奇葩聊天,真是*** 其实,也是在很久以前,看了腾讯ISUX的一位前端工程师-麦时分享的一篇技术文章(个人站点已失效,就不贴出来了),才了解到真正的css选择器权重计算. 以下是css选择器权重计算精华所在,翻译自国外的文档(记得是W3C给出的计算规则) 如果一个声明来自s…