
css3
css3
ReflectMirroring
希望你的努力配得上你的野心
展开
-
标签选择器和id选择器&&类选择器
标签选择器1.什么是标签选择器?作用: 根据指定的标签名称, 在当前界面中找到所有该名称的标签, 然后设置属性格式:标签名称{属性:值;}注意点:1.标签选择器选中的是当前界面中所有的标签, 而不能单独选中某一个标签2.标签选择器无论标签藏得多深都能选中3.只要是HTML中的标签就可以作为标签选择器(h/a/img/ul/ol/dl/input…)id选择器1.什么是...原创 2019-11-01 10:13:07 · 1065 阅读 · 0 评论 -
后代选择器和子选择器
后代选择器1.什么是后代选择器?作用: 找到指定标签的所有特定的后代标签, 设置属性格式:标签名称1 标签名称2{属性:值;}先找到所有名称叫做"标签名称1"的标签, 然后再在这个标签下面去查找所有名称叫做"标签名称2"的标签, 然后在设置属性div p{}注意点:1.后代选择器必须用空格隔开2.后代不仅仅是儿子, 也包括孙子/重孙子, 只要最终是放到指定标签中的都是后代...原创 2019-11-01 10:12:56 · 2861 阅读 · 0 评论 -
交集和并集选择器
交集选择器1.什么是交集选择器?作用: 给所有选择器选中的标签中, 相交的那部分标签设置属性格式:选择器1选择器2{属性: 值;}注意点:1.选择器和选择器之间没有任何的连接符号2.选择器可以使用标签名称/id名称/class名称3.交集选择器仅仅作为了解, 企业开发中用的并不多13.并集选择器1.什么是并集选择器?作用: 给所有选择器选中的标签设置属性格式:选择...原创 2019-11-01 10:12:45 · 996 阅读 · 0 评论 -
兄弟和序选择器
兄弟选择器1.相邻兄弟选择器 CSS2作用: 给指定选择器后面紧跟的那个选择器选中的标签设置属性格式:选择器1+选择器2{属性:值;}注意点:1.相邻兄弟选择器必须通过+连接2.相邻兄弟选择器只能选中紧跟其后的那个标签, 不能选中被隔开的标签2.通用兄弟选择器 CSS3作用: 给指定选择器后面的所有选择器选中的所有标签设置属性格式:选择器1~选择器2{属性:值;}...原创 2019-11-01 10:12:33 · 298 阅读 · 0 评论 -
属性和通配符选择器
属性选择器1.什么是属性选择器?作用: 根据指定的属性名称找到对应的标签, 然后设置属性格式:[attribute]作用:根据指定的属性名称找到对应的标签, 然后设置属性[attribute=value]作用: 找到有指定属性, 并且属性的取值等于value的标签, 然后设置属性最常见的应用场景, 就是用于区分input属性input[type=password]{}<...原创 2019-11-01 10:12:17 · 293 阅读 · 0 评论 -
css三大特性之继承性
css三大特性之继承性1.什么是继承性?作用: 给父元素设置一些属性, 子元素也可以使用, 这个我们就称之为继承性注意点:1.并不是所有的属性都可以继承, 只有以color/font-/text-/line-开头的属性才可以继承2.在CSS的继承中不仅仅是儿子可以继承, 只要是后代都可以继承3.继承性中的特殊性3.1a标签的文字颜色和下划线是不能继承的3.2h标签的文字大小是不...原创 2019-11-01 10:12:01 · 370 阅读 · 0 评论 -
div和span标签&&css元素的显示模式
div和span标签1.什么是div?作用: 一般用于配合css完成网页的基本布局2.什么是span?作用: 一般用于配合css修改网页中的一些局部信息3.div和span有什么区别?1.div会单独的占领一行,而span不会单独占领一行2.div是一个容器级的标签, 而span是一个文本级的标签4.容器级的标签和文本级的标签的区别?容器级的标签中可以嵌套其它所有的标签文本...原创 2019-11-01 10:11:48 · 1006 阅读 · 0 评论 -
背景颜色和图片
背景颜色1.如何设置标签的背景颜色?在CSS中有一个background-color:属性, 就是专门用来设置标签的背景颜色的取值:具体单词rgbrgba十六进制快捷键:bc background-color: #fff;背景图片1.如何设置背景图片?在CSS中有一个叫做background-image: url();的属性, 就是专门用于设置背景图片的快捷键:...原创 2019-11-01 10:11:34 · 194 阅读 · 0 评论 -
边框和边距属性
边框属性1.什么边框?边框就是环绕在标签宽度和高度周围的线条2.边框属性的格式2.1连写(同时设置四条边的边框)border: 边框的宽度 边框的样式 边框的颜色;快捷键:bd+ border: 1px solid #000;注意点:1.连写格式中颜色属性可以省略, 省略之后默认就是黑色2.连写格式中样式不能省略, 省略之后就看不到边框了3.连写格式中宽度可以省略, 省略...原创 2019-11-01 10:11:20 · 556 阅读 · 0 评论 -
盒子模型
盒子模型1.什么是CSS盒子模型?CSS盒子模型仅仅是一个形象的比喻, HTML中所有的标签都是盒子结论1.在HTML中所有的标签都可以设置宽度/高度 == 指定可以存放内容的区域内边距 == 填充物边框 == 手机盒子自己外边距 == 盒子和盒子之间的间隙盒子模型的宽度和高度1.内容的宽度和高度就是通过width/height属性设置的宽度和高度2.元素的...原创 2019-11-01 10:11:06 · 312 阅读 · 0 评论 -
网页布局方式
网页布局方式1.什么是网页的布局方式?网页的布局方式其实就是指浏览器是如何对网页中的元素进行排版的1.标准流(文档流/普通流)排版方式1.1其实浏览器默认的排版方式就是标准流的排版方式1.2在CSS中将元素分为三类, 分别是块级元素/行内元素/行内块级元素1.3 在标准流中有两种排版方式, 一种是垂直排版, 一种是水平排版垂直排版, 如果元素是块级元素, 那么就会垂直排版水平排...原创 2019-11-01 10:10:50 · 457 阅读 · 1 评论 -
定位流
定位流1.定位流分类1.1相对定位1.2绝对定位1.3固定定位1.4静态定位2.什么是相对定位?相对定位就是相对于自己以前在标准流中的位置来移动3.相对定位注意点3.1相对定位是不脱离标准流的, 会继续在标准流中占用一份空间3.2在相对定位中同一个方向上的定位属性只能使用一个3.3由于相对定位是不脱离标准流的, 所以在相对定位中是区分块级元素/行内元素/行内块级元素3....原创 2019-11-01 10:10:13 · 134 阅读 · 0 评论 -
css基础
认识css1.格式:< style type=“text/css”>标签名称{属性名称: 属性对应的值;…}< /style>2.注意点:1.style标签必须写在head标签的开始标签和结束标签之间(也就是必须和title标签是兄弟关系)2.style标签中的type属性其实可以不用写, 默认就是type=“text/css”3.设置样式时必须按...原创 2019-11-01 10:09:53 · 233 阅读 · 0 评论 -
文本属性和颜色属性
文本属性1.文本装饰的属性格式:text-decoration: underline;取值:underline 下划线line-through 删除线overline 上划线none 什么都没有, 最常见的用途就是用于去掉超链接的下划线快捷键:td text-decoration: none;tdu text-decoration: underline;tdl text-...原创 2019-11-01 10:13:20 · 1223 阅读 · 0 评论 -
认识css和文字属性
认识css1.格式:< style type=“text/css”>标签名称{属性名称: 属性对应的值;…}< /style>2.注意点:1.style标签必须写在head标签的开始标签和结束标签之间(也就是必须和title标签是兄弟关系)2.style标签中的type属性其实可以不用写, 默认就是type=“text/css”3.设置样式时必须按...原创 2019-10-31 21:57:05 · 171 阅读 · 0 评论