![](https://img-blog.csdnimg.cn/20190519152448957.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
HTML+CSS基础
准备入坑前端开发,基础肯定是先学习HTML+CSS,为加深理解,创建一个博客专题。只供自己加深记忆,如有错误,我也不会改的。
浅端
用最少的文字,写最多的知识。
展开
-
HTML+CSS第十二章——CSS布局模型
层次模型块状元素以恰好包含块内元素的高度,宽度默认为100%的形式。从上向下排列的模型形式。.流动模型行级元素自左向右排列的模型浮动模型当我们想让块级元素左右排列的时候,可以给这个元素设置float:left或者right例.div1{float:left} <div class="div1">模型1</div> <div class="div1">...原创 2019-05-22 17:32:55 · 154 阅读 · 0 评论 -
HTML+CSS第十二章——块元素,行元素以及行块元素
块元素①独占一行②可以设置margin ,padding③下图可以看到:不设置width的情况下,子容器和父容器的宽度一样,高度是可以包含内容的高度行元素行元素不像块元素那样独占一行,而是挨着有序排列看下图代码了解:①行元素默认的width,height是刚好包含内容(并且高度宽度不可更改)②可以设置margin-left,right,设置的margin-top,bottom无效,...原创 2019-05-21 22:13:04 · 611 阅读 · 0 评论 -
HTML+CSS第十章——CSS格式化排版
字体例font-family:"微软雅黑"字体大小font-size:12px;字体粗体font-weight:bold;字体斜体font-style:italic下划线text-decoration:undline;删除线text-decoration:line-through;缩进text-indent:2em; /*2em是文字大小的2倍*/行高...原创 2019-05-21 19:46:29 · 159 阅读 · 0 评论 -
HTML+CSS第九章——CSS的继承,层叠,特殊性
继承css的某些标签不仅可以应用于其本身,而且可以应用于其子代:p{color:red}<p><span>M</span></p>如上,p标签的子代标签span里的M就是红色。但是有些标签如border不具有被后代继承的特性。CSS标签的权值权值计算方法写在下面图片的注释里不过我在算的时候犯了一个错,文字 它的权值应该是p+foot+sp...原创 2019-05-21 18:18:15 · 128 阅读 · 0 评论 -
HTML+CSS第八章——CSS选择器
标签选择器其实html代码中的标签。类选择符形如:.类名字{属性设置代码}<span class="类名字">文字</span>每个类选择符可以使用多次, 多个class可以为同一个元素设置属性ID选择符形如:#ID名字{属性设置代码}<span id="id名字">文字</span>每个ID选择符只能被使用一次,多个...原创 2019-05-21 17:32:59 · 189 阅读 · 0 评论 -
HTML+CSS第七章——CSS基本知识
CSS的三种方式:内联式,嵌入式,外部式内联式:直接写在标签内,样式写在style里,如下,如果写多个属性,每个属性用分号分开<p style="color:red';font-size:20px"> 文字</p>嵌入式:像内联式那样每次都需要把每个标签的属性写一遍,如果需要同样的属性那么嵌入式就出现了.注:内嵌式一般写在head标签内<style typ...原创 2019-05-20 17:24:57 · 350 阅读 · 0 评论 -
HTML+CSS第六章——开始学习CSS
6-1认识CSSCSS中文名称是层叠样式表。它主要用于浏览页的显示样式如文字大小,颜色,样式等。如下代码p{ font-size:80px; color:red; font-weight:blod; }使用CSS的一个好处就是可以让网页的不同地方通过调用某个固定的CSS就能拥有统一的样式6-2span设置其实把CSS的某个标签里面设置属性再引用就是啦6-3注释方式<!--注...原创 2019-05-20 13:04:30 · 292 阅读 · 0 评论 -
HTML+CSS第五章——与浏览者交互表,单标签
5-7使用提交标签当用户填完标签以后需要提交到服务器的时候就需要用到提交按钮语法:<input type="submit" value="提交"> <!--当type设置为submit时提交才有作用,value是提交按钮的提示字-->5-8重置按钮reset语法:<input type="reset" value="重置">5-9label标签语...原创 2019-05-20 12:50:32 · 121 阅读 · 0 评论