css
文章平均质量分 58
LPDFIGHT
首孝弟 次谨信 泛爱众 而亲仁 有余力 则学文
展开
-
0409-css文字属性
1.规定文字样式的属性格式:font-style: italic;取值:normal:正常,默认的italic:倾斜的快捷键:fs+tab font-style: italic;fsn+tab font-style: normal;2.规定文字粗细的属性格式:font-weight:bold;取值:单词取值:bold(加粗)bolder(更加粗)原创 2017-04-22 20:14:14 · 291 阅读 · 0 评论 -
0420-序选择器
CSS3中新增的选择器最具代表性的就是序选择器1.同级别的第几个:first-child 选中同级别中的第一个标签:last-child 选中同级别中的最后一个标签:nth-child(n) 选中同级别中的第n个标签:nth-last-child(n) 选中同级别中的倒数第n个标签:only-child 选中父元素中唯一的标签注意点: 不区分类型2.同类型的第几个:first-原创 2017-05-06 21:43:49 · 248 阅读 · 0 评论 -
0420- 兄弟选择器
1.相邻兄弟选择器 CSS2作用: 给指定选择器后面紧跟的那个选择器选中的标签设置属性格式:选择器1+选择器2{ 属性:值;}注意点:1.相邻兄弟选择器必须通过+连接2.相邻兄弟选择器只能选中紧跟其后的那个标签, 不能选中被隔开的标签2.通用兄弟选择器 CSS3作用: 给指定选择器后面的所有选择器选中的所有标签设置属性格式:选择器1~选择器2{ 属性:原创 2017-05-06 20:55:25 · 350 阅读 · 0 评论 -
0426-属性选择器
1.什么是属性选择器?作用: 根据指定的属性名称找到对应的标签, 然后设置属性格式:[attribute]作用:根据指定的属性名称找到对应的标签, 然后设置属性[attribute=value]作用: 找到有指定属性, 并且属性的取值等于value的标签, 然后设置属性最常见的应用场景, 就是用于区分input属性input[type=password]{}-->1.属性原创 2017-05-06 21:47:32 · 205 阅读 · 0 评论 -
0426-CSS三大特性之继承性
1.什么是继承性?作用: 给父元素设置一些属性, 子元素也可以使用, 这个我们就称之为继承性注意点:1.并不是所有的属性都可以继承, 只有以color/font-/text-/line-开头的属性才可以继承2.在CSS的继承中不仅仅是儿子可以继承, 只要是后代都可以继承3.继承性中的特殊性3.1a标签的文字颜色和下划线是不能继承的3.2h标签的文字大小是不能继承的应用场景:一原创 2017-05-06 21:52:02 · 219 阅读 · 0 评论 -
0426-CSS三大特性之层叠性
1.什么是层叠性?作用: 层叠性就是CSS处理冲突的一种能力注意点:层叠性只有在多个选择器选中"同一个标签", 然后又设置了"相同的属性", 才会发生层叠性CSS全称 Cascading StyleSheethtml lang="en">head> meta charset="UTF-8"> title>CSS三大特性之层叠性title> style原创 2017-05-06 21:54:20 · 300 阅读 · 0 评论 -
0426-CSS三大特性之优先级
1.什么是优先级?作用:当多个选择器选中同一个标签, 并且给同一个标签设置相同的属性时, 如何层叠就由优先级来确定2.优先级判断的三种方式2.1间接选中就是指继承如果是间接选中, 那么就是谁离目标标签比较近就听谁的2.2相同选择器(直接选中)如果都是直接选中, 并且都是同类型的选择器, 那么就是谁写在后面就听谁的2.3不同选择器(直接选中)如果都是直接选中, 并且不是相同类型的选原创 2017-05-06 22:03:04 · 235 阅读 · 0 评论 -
0430-div和span标签
1.什么是div?作用: 一般用于配合css完成网页的基本布局2.什么是span?作用: 一般用于配合css修改网页中的一些局部信息3.div和span有什么区别?1.div会单独的占领一行,而span不会单独占领一行2.div是一个容器级的标签, 而span是一个文本级的标签4.容器级的标签和文本级的标签的区别?容器级的标签中可以嵌套其它所有的标签文本级的标签中只能嵌套文原创 2017-05-08 21:30:03 · 269 阅读 · 0 评论 -
0430-CSS元素的显示模式
在HTML中HTML将所有的标签分为两类, 分别是容器级和文本级在CSS中CSS也将所有的标签分为两类, 分别是块级元素和行内元素1.什么是块级元素, 什么是行内元素?块级元素会独占一行行内元素不会独占一行容器级的标签div h ul ol dl li dt dd ...文本级的标签span p buis stong em ins del ...块级元素p div h u原创 2017-05-08 21:32:07 · 223 阅读 · 0 评论 -
0420-并集选择器
1.什么是并集选择器?作用: 给所有选择器选中的标签设置属性格式:选择器1,选择器2{ 属性:值;}注意点:1.并集选择器必须使用,来连接2.选择器可以使用标签名称/id名称/class名称html lang="en">head> meta charset="UTF-8"> title>并集选择器title> style>原创 2017-05-06 20:36:36 · 531 阅读 · 0 评论 -
0418-交集选择器
1.什么是交集选择器?作用: 给所有选择器选中的标签中, 相交的那部分标签设置属性格式:选择器1选择器2{ 属性: 值;}注意点:1.选择器和选择器之间没有任何的连接符号2.选择器可以使用标签名称/id名称/class名称3.交集选择器仅仅作为了解, 企业开发中用的并不多html lang="en">head> meta charset="UTF-8原创 2017-05-06 20:31:42 · 385 阅读 · 0 评论 -
0410-1文字属性缩写2文本属性
一:缩写格式:font:style weight size family;例如:italic bold 10px "楷体";注意点:1.在这种缩写格式中有的属性值可以省略(style、weight可以省略)。2.在这种缩写格式中style和weight的位置可以交换。3.在这种缩写格式中有的属性不可以省略(size、family不能省略)。4.在这种缩写格式中size和fa原创 2017-04-22 20:19:53 · 511 阅读 · 0 评论 -
0412-css id和类选择器
一:id选择器1.什么是id选择器?作用:根据指定的id名称找到对应的标签,来设置属性2.格式:#id名称{属性:值;}3.注意点1.每个HTML标签都有一个id属性,也就是说每个标签都能设置id2.在同一个界面中id的名称是不可以重复的3.在编写id选择器时一定要在id名称前面加上#,否则无效4.id的名称是有一定的规范的4.1id的名称只原创 2017-04-22 20:32:31 · 349 阅读 · 0 评论 -
0412-css背景
一.如何设置标签的背景颜色在css中有一个background-color:属性,就是专门用来设置背景颜色的取值:具体的单词rgbrgba十六进制二.如何设置背景图片?在css中有一个叫做background-image的属性,就是专门用来设置背景图片的注意点:1.图片的地址必须放在url()中,图片的地址可以是本地的地址,也可以是网络的地址原创 2017-04-23 20:22:36 · 508 阅读 · 0 评论 -
0508-内边距属性
1.什么是内边距?边框和内容之间的距离就是内边距2.格式2.1非连写padding-top: ;padding-right: ;padding-bottom: ;padding-left: ;2.2连写padding: 上 右 下 左;2.这三个属性的取值省略时的规律2.1上 右 下 左 > 上 右 下 > 左边的取值和右边的一样2.2上 右 下 左 > 上 右 >原创 2017-05-14 20:30:49 · 366 阅读 · 0 评论 -
0508-外边距属性
1.什么是外边距?标签和标签之间的距离就是外边距2.格式2.1非连写margin-top: ;margin-right: ;margin-bottom: ;margin-left: ;2.2连写margin: 上 右 下 左;2.这三个属性的取值省略时的规律2.1上 右 下 左 > 上 右 下 > 左边的取值和右边的一样2.2上 右 下 左 > 上 右 > 左边的取值原创 2017-05-14 20:36:02 · 326 阅读 · 0 评论 -
0416-css盒子模型
1.什么是边框?边框就是环绕在标签宽度和高度周围的线条。2.边框属性的格式2.1连写(同时设置四条边的边框)border:边框的宽度 边框的样式 边框i的颜色;快捷键:bd+ border:1px solid #000(solid表示实线,dashed表示虚线)注意点:1.连写格式中颜色属性可以省略,省略之后默认黑色。2.连写格式中样式属性不能省略,省略之后看不原创 2017-04-23 20:30:16 · 208 阅读 · 0 评论 -
0418-后代选择器
1.什么是后代选择器?作用: 找到指定标签的所有特定的后代标签, 设置属性格式:标签名称1 标签名称2{ 属性:值;}先找到所有名称叫做"标签名称1"的标签, 然后再在这个标签下面去查找所有名称叫做"标签名称2"的标签, 然后在设置属性div p{}注意点:1.后代选择器必须用空格隔开2.后代不仅仅是儿子, 也包括孙子/重孙子, 只要最终是放到指定标签中的都是后代3原创 2017-05-06 20:20:53 · 313 阅读 · 0 评论 -
0418-子元素选择器
1.什么是子元素选择器?作用: 找到指定标签中所有特定的直接子元素, 然后设置属性格式:标签名称1>标签名称2{ 属性:值;}先找到所有名称叫做"标签名称1"的标签, 然后在这个标签中查找所有直接子元素名称叫做"标签名称2"的元素注意点:1.子元素选择器只会查找儿子, 不会查找其他被嵌套的标签2.子元素选择器之间需要用>符号连接, 并且不能有空格3.子元素选择器不仅仅可原创 2017-05-06 20:30:04 · 270 阅读 · 0 评论 -
0508-a标签的伪类选择器
1.通过我们的观察发现a标签存在一定的状态1.1默认状态, 从未被访问过1.2被访问过的状态1.3鼠标长按状态1.4鼠标悬停在a标签上状态2.什么是a标签的伪类选择器?a标签的伪类选择器是专门用来修改a标签不同状态的样式的3.格式:link 修改从未被访问过状态下的样式:visited 修改被访问过的状态下的样式:hover 修改鼠标悬停在a标签上状态下的样式:activ原创 2017-05-08 22:04:21 · 291 阅读 · 0 评论