CSS笔记 - IT编程技术

CSS第十一节-CSS 三大特性

2023-4-19 博主：Splendor CSS笔记

CSS 三大特性 1、CSS层叠性概念：所谓层叠性是指多种CSS样式的叠加。是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉原则：样式冲突，遵循的原则是就近原则。那个样式离着结构近，就执行那个样式。样式不冲突，不会层叠 CSS层叠性最后的执行口诀：长江后浪推前浪，浮事新人换旧人。 2、CSS继承性概念：子标签会继承父标签的某些样式，如文本颜色和字号。 ...

阅读全文>>

标签: CSS笔记

评论(0) 浏览(3457)

CSS第十节-CSS背景backgroud用法

2023-4-14 博主：Splendor CSS笔记

CSS背景backgroud用法 backgroud:background-color || background-image || background-repeat || background-position || background-attachment 属性作用值 background-color 背景颜色预定义的...

阅读全文>>

标签: CSS笔记

评论(0) 浏览(3583)

CSS第九节-CSS标签显示模式转换

2021-4-22 博主：Splendor CSS笔记

CSS标签显示模式转换 ●转换行内：display : inline; ●行内转块：display : block; ●块，行内元素转换成行内块元素： display : inline-block;

阅读全文>>

标签: CSS笔记

评论(0) 浏览(3460)

CSS第八节-CSS行内块级元素

2021-4-22 博主：Splendor CSS笔记

CSS行内块级元素 1，行内块级元素常用行内块级元素：<img/>,<input/>,<td>可以对他们设置宽高和对齐属性，但不独占一行 ①和相邻行内块元素在一行上，但是之间会有空白缝隙，一行可以显示多个 ②默认宽度就是他显示内容的宽度 ③高度，行高，外边距以及内边距都可以控制三种模式的总结：块级元素，行内元素，行内块级元素

阅读全文>>

标签: CSS笔记

评论(0) 浏览(3423)

CSS第七节-CSS行内元素

2021-4-22 博主：Splendor CSS笔记

CSS行内元素（内联元素） 1，块级元素特点常见行内元素：<a>,<strong>,<b>,<em>,<i>,<del>,<s>,<ins>,<u>,<span>等 ①相邻行内元素在一行上，一行可以显示多个 ②宽高设置无效 ③默认宽度是它本身内容宽度 ④行内元素只能容纳文本和其它行内元素注： ①链接标签内不能再放链接标签 ②特殊情况a里面可以放块级元素，但是给a转换一下块级模式比较稳定安全

阅读全文>>

标签: CSS笔记

评论(0) 浏览(3560)

CSS第六节-CSS块级元素

2021-4-22 博主：Splendor CSS笔记

Css块级元素 1，块级元素特点常见块级元素：<h1>~<h6>,<p>,<div>,<ul>,<ol>,<li>等 ①独占一行 ②高度，宽度，内外边距都可控制 ③宽度默认容器的100% ④是一个容器盒子，里面可以放入行内和块级元素注： ①<p>标签内不能放置行内元素 ②<h1>~<h6>，<dt>他们都是文字类块级元素，里面不能放置其它块级元素

阅读全文>>

标签: CSS笔记

评论(0) 浏览(3537)

CSS第五节-CSS复合选择器

2021-4-19 博主：Splendor CSS笔记

CSS复合选择器 Css的选择器分为两个，基础选择器和复合选择器。基础选择器不能我们的实际开发中，高效快速的选择标签对象。 1，后代选择器后代选择器又称为包含选择器，用来选择元素或元素组的子孙后代 <body> <div class="nav"> <a href="#"></a> <a href="#"></a> <a href="#"></a> </div> <a href="#"></a> <...

阅读全文>>

标签: CSS笔记

评论(0) 浏览(3514)

CSS第四节-CSS外观属性样式

2021-4-19 博主：Splendor CSS笔记

CSS外观属性样式属性表示注意点 color 颜色通常用16进制表示颜色 #fff line-height 行高控制行与行之间的距离 text-align 水平对齐设...

阅读全文>>

标签: CSS笔记

评论(0) 浏览(3549)

CSS第三节-CSS字体样式

2021-4-16 博主：Splendor CSS笔记

CSS字体样式设置html中，字体的大小，外观，样式，颜色等属性 1，font-size 设置字体大小例：p {font-size : 15px} 大小单位的说明：相对长度单位说明 em 相对当前对象内文本的字体尺寸 px 像素，最常使用，推荐首选绝对长度单位说明 ...

阅读全文>>

标签: CSS笔记

评论(0) 浏览(3511)

CSS第二节-CSS选择器

2021-4-15 博主：Splendor CSS笔记

CSS选择器选择器是专业叫法，大白话的意思就是一套选择出你想要操作对象（HTML标签对象）的机制，用程序内嵌在浏览器中的一个模块中。即选择器 HTML标签对象用的。 1，标签选择器选择器处写标签的名，代表选择此类标签标签名 { 属性：属性值} 例： <style type="text/css"> div {  border: 1px solid red; } </style> 2，类选择器 ①类选择器可以选择标签内定义了class名的标签(优点：可以选择1个或多个标签) .类名 ...

阅读全文>>

标签: CSS笔记

评论(0) 浏览(3377)

1 2