南大软院大神养成计划--HTML和CSS基础课程（二）

最新推荐文章于 2015-11-30 21:35:32 发布
最新推荐文章于 2015-11-30 21:35:32 发布
阅读量452 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/frosting_sky/article/details/49967415
版权

  学习小结

       今天主要学习了关于CSS样式的一些基本知识。CSS全称为“层叠样式表（Cascading Style Sheets）“，它主要用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。使用CSS样式的一个好处就是通过定义某个样式，可以让不同网页未知的文字有着统一的字体，字号或颜色。

     CSS代码语法:css由选择符和声明组成，而声明又由属性和值组成，如：p{color:red;}，其中p代表选择符，color代表属性， red代表值，中括号内的代表声明。

       CSS样式：1，内联式：<p style="color:red">这里的文字是红色</p>   2，嵌入式：<style  type="text/css"> span{color:red;}  </stylle>   3，外部式：在<head>标签内，样式在以**.css为文件名的另一个文件里。<link  href="**.css"  rel="stylesheet"  type="text/css"/>,rel="stylesheet" type='text/css"为固定写法不可修改。对于同一个元素同时出现了这三种CSS样式则按优先级显示，优先级：内联式>嵌入式>外部式。但是总的来说还是根据就近原则，哪个样式离设置元素更近就显示哪种样式。
       选择器：每一条CSS样式声明（定义）由两部分组成，如：选择器{样式;}，有标签选择器，类选择器，ID选择器，子选择器，后代选择器，通用选择器几种选择器。通用选择器适合整个网页的格式设置，标签选择器适合大段的文本设置，而类选择器和ID选择器比较适合于特别的短语句子。对于不同的元素设置样式相同我们还可以用到分组选择符（,)非常的方便，这样我们就不需要一个一个的去设置了。
        特殊性：如果设置一个元素的CSS样式等级一样，浏览器就会根据样式的权值高低来进行选择，权值高的就会被显示出来。权值规则：标签权值1，类选择符权值10，ID选择权值100。：
       层叠：对于一个元素设置的多个CSS样式权值相同时，文本则会表现为后面的CSS样式。可以对某些样式用！important使它成为最高权值，例如：<style  type="text/css"> p{color:red!important;}   p{color:green;}   </style>  <p>这里的文本显示红色</p>。
                
frosting _sky
关注
南大软院大神养成计划第六天
jx370的博客
11-21 665
今天让我们来做一个高度自适应的三行两列宽度固定布局                   在html的基础上，添加CSS样式使得html中的文本按照我们想要的方式显示在不同位置。我们可以用盒模型整体控制，也可以使用框架，这两者的效果是一样。            使用盒模型的话，在进行布局时，就要把整个页面看作是一个大盒子，里面的内容看做是一个个的小盒子，这样在编辑代码时，按照自己分的盒子进行排
南大软院大神养成计划--HTML和CSS基础课程
frosting_sky的博客
11-19 372
初步了解HTML    准确来说今天是自主学习的第二天，选择了基础的课程html。在今天的学习过程中也感到了计算机语言的优美，个人感觉它还是非常有趣的。简要记录一些今天个人所学和所得。 认识Html的文件基本结构 1.称为跟标签，所有的网页标签都在其中。 2.标签用于定义文档的头部，它是所有头部元素的容器。头部元素有,,,,等标签。和之间的内容是网页的标题信息，它会出现在浏览器的标题栏中。
南大软院大神养成计划--HTML和CSS基础课程（四）
frosting_sky的博客
11-23 344
学习小结      今天主要学习了盒模型和元素布局模型。 一，盒模型：如果将盒模型比作一间床的房间，那么床就是这个元素的内容，床到墙壁之间的空间就是填充（padding），墙壁就是边框（border），房间周围的空间就是边界（margin）。一个元素的实际大小就是这个盒模型的大小。   盒子模型的边框就是围绕着内容及补白的线，这条线可以设置它的粗细，样式和颜色（边框的三个属性），如div
南大软院大神养成计划--HTML和CSS基础（三）
frosting_sky的博客
11-22 388
学习小结       今天主要学习了CSS样式的文字排版和HTML中的元素分类。学会CSS样式文字排版后我们就不用担心编出来的页面太单调而失去吸引力。font-family:"宋体“;（宋体），font-size（字号），color（颜色），font-weight：bold;（粗体），font-style：italic（斜体），text-decoration:underline;（下划线），
南大软院大神养成计划--html css基础
hiiiji的博客
11-16 276
第一篇博客 真是有纪念价值的一刻，本来是电脑盲的我会选择计算机专业，悲惨的打字速度也有所提高，妈妈再也不用担心我的无法与技术接轨了。再看现在参加的这个计划，由南昌大学软件学院主办的技术小白攻坚大会或者大神抢钱赚人气屠宰场，是一场非常有意义的活动，能够帮助手残党开始实践，比如我。现在正在通过这个有意义的活动在mooc上学习一些东西，大部分是基础，这篇博客的技术性大家可以不用怀疑的打一个大大的问号，
南大软院21天大神养成计划-第二天
suchunmiao的博客
11-18 488
南大软院21天大神养成计划-第二天
南大软院大神养成计划--css布局
hiiiji的博客
11-30 241
（1）居中margin:0 auto;(2)通过结构改变表现，再通过样式，运用多个div可以考虑进行margin设置来改变，减少div。
南大软院大神养成计划--CSS网页布局
frosting_sky的博客
11-24 267
学习小结 今天主要学习了CSS样式设置小技巧和CSS网页布局。 网页主要元素是图片和文字，网页的基本布局就是CSS样式将块与块不同的摆放。对一些元素设置它的水平位置，垂直位置，最终达到目的。 比如说水平居中设置——定宽块状元素：满足宽度和块状两个条件的元素是可以通过设置左右margin值为auto来实现居中的，例：，div{width:500px;/*定宽*/margin:20px auto
南大软院21天大神养成计划-第5天
suchunmiao的博客
11-21 449
南大软院21天大神养成计划-第5天
南大软院21天大神养成计划-第4天
suchunmiao的博客
11-20 557
南大软院21天大神养成计划-第4天
【水果识别】基于matlab GUI形态学水果大小识别【含Matlab源码 920期】.md
10-15
CSDN Matlab武动乾坤上传的资料均有对应的代码，代码均可运行，亲测可用，适合小白； 1、代码压缩包内容 主函数：main.m； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开main.m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描博客文章底部QQ名片； 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作 图像识别：表盘识别、车道线识别、车牌识别、答题卡识别、电器识别、跌倒检测、动物识别、发票识别、服装识别、汉字识别、红绿灯识别、火灾检测、疾病分类、交通标志牌识别、口罩识别、裂缝识别、目标跟踪、疲劳检测、身份证识别、人民币识别、数字字母识别、手势识别、树叶识别、水果分级、条形码识别、瑕疵检测、芯片识别、指纹识别
【瑕疵检测】基于matlab瓶盖瑕疵检测【含Matlab源码 730期】.md
10-15
CSDN Matlab武动乾坤上传的资料均有对应的代码，代码均可运行，亲测可用，适合小白； 1、代码压缩包内容 主函数：main.m； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开main.m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描博客文章底部QQ名片； 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作 图像识别：表盘识别、车道线识别、车牌识别、答题卡识别、电器识别、跌倒检测、动物识别、发票识别、服装识别、汉字识别、红绿灯识别、火灾检测、疾病分类、交通标志牌识别、口罩识别、裂缝识别、目标跟踪、疲劳检测、身份证识别、人民币识别、数字字母识别、手势识别、树叶识别、水果分级、条形码识别、瑕疵检测、芯片识别、指纹识别
Shapely-1.6.4.post2-cp35-cp35m-win_amd64.whl
10-15
Shapely-1.6.4.post2-cp35-cp35m-win_amd64.whl
Apache Flink CEP复杂事件处理详解及实战案例
10-15
内容概要：本文详细介绍了Apache Flink的FlinkCEP模块，讲解了其安装配置、事件流处理基础及其应用场景，其中包括电商欺诈检测、网络监控、实时交易系统的模式匹配以及社交媒体趋势分析的具体实现。通过多个实战示例演示了如何利用正则表达式定义复杂模式并在大数据流中识别有用的事件序列，适用于需要从实时数据流中挖掘价值的多种场景。 适用人群：具备一定大数据处理经验的研发人员、架构师以及相关领域的研究人员和技术爱好者。 使用场景及目标：针对金融反欺诈、网络安全、高频交易、物联网数据分析等领域，实现复杂事件模式的实时监测和处理。 其他说明：本文提供了大量的实践代码样本，旨在引导读者掌握Flink CEP的实际应用技巧。
SSM+JSP在线网课管理系统答辩PPT.pptx
最新发布
10-15
计算机毕业设计答辩PPT
稳压罐sw16_三维3D设计图纸.zip
10-15
稳压罐sw16_三维3D设计图纸.zip
英语知识应用网站 JAVA毕业设计 源码+数据库+论文 Vue.js+SpringBoot+MySQL.zip
10-15
英语知识应用网站 JAVA毕业设计 源码+数据库+论文 Vue.js+SpringBoot+MySQL 系统启动教程：https://www.bilibili.com/video/BV11ktveuE2d
大模型部署-基于TensorRT-LLM部署Qwen1.5大语言模型-附项目源码+流程教程-优质项目实战.zip
10-15
大模型部署_基于TensorRT-LLM部署Qwen1.5大语言模型_附项目源码+流程教程_优质项目实战
【树叶分类】基于matlab GUI BP神经网络植物叶片识别分类【含Matlab源码 916期】.md
10-15
CSDN Matlab武动乾坤上传的资料均有对应的代码，代码均可运行，亲测可用，适合小白； 1、代码压缩包内容 主函数：main.m； 调用函数：其他m文件；无需运行 运行结果效果图； 2、代码运行版本 Matlab 2019b；若运行有误，根据提示修改；若不会，私信博主； 3、运行操作步骤 步骤一：将所有文件放到Matlab的当前文件夹中； 步骤二：双击打开main.m文件； 步骤三：点击运行，等程序运行完得到结果； 4、仿真咨询 如需其他服务，可私信博主或扫描博客文章底部QQ名片； 4.1 博客或资源的完整代码提供 4.2 期刊或参考文献复现 4.3 Matlab程序定制 4.4 科研合作 图像识别：表盘识别、车道线识别、车牌识别、答题卡识别、电器识别、跌倒检测、动物识别、发票识别、服装识别、汉字识别、红绿灯识别、火灾检测、疾病分类、交通标志牌识别、口罩识别、裂缝识别、目标跟踪、疲劳检测、身份证识别、人民币识别、数字字母识别、手势识别、树叶识别、水果分级、条形码识别、瑕疵检测、芯片识别、指纹识别
南大软院2024春操作系统课程实验指南
南大软院即南京大学软件学院，以其在信息技术教育领域的专业性和权威性闻名。南京大学软件学院2024年春季学期的操作系统课程实验是该学院计算机科学与技术专业学生的重要实践环节，旨在通过实验加深对操作系统原理的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值