19—陈增龙—1.26学习笔记
作者：互联网
Css教程
#1.20
首先要知道css是拿来渲染和改变布局和外观的
大多的在head头部的style标签中定义元素的属性的
属性（property）是您希望设置的样式属性（style attribute）。每个属性有一个值。属性和值被冒号分开
属性就是你要选择改变的那个特性，比如color，font size等等都算是属性
声明是以{ }括起来的并且在里面是以分号结束每一个属性的特别声明
css中注释以 “/" 开始, 以 "/” 结束（/**/）
在html中是点击查询html注释
如果你要在HTML元素中设置CSS样式，你需要在元素中设置"id" 和 "class"选择器。这就是为什么一些元素会有id的原因，id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。 ID属性不要以数字开头，HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 “#” 来定义。实例
#1.21
包含选择器和子选择器的区别在于包含的深度不同，前者是在选择器内的某个元素抖胸，而子选择器只能在选择器的第一级别
兄弟选择器则是两个在连续的一段时才会有渲染，格式为A~B{…}
该链接的笔记2
span可以内嵌别的style，在一个语句中，可以用span将个别部分隔离开形成别的style
样式的意思就是外观，比如字体大小，颜色等等，外部样式和内部样式的区别，点击查看
而这些样式也有读取的优先顺序，内联样式）Inline style > （内部样式）Internal style sheet >（外部样式）External style sheet > 浏览器默认样式
背景：
在默认状态下，图片背景会水平或者垂直重叠平铺下去，要想只水平或者垂直平铺需要加 background-repeat属性，repeat-x是水平平铺的意思，no repeat是不重复
简写：如body{color；image；repeat；attachment；position}，这是简写的顺序也是简写的格式，直接在相对应位置按页面要求输入值
#1.22
用em来设置字体大小,1em和当前字体大小相等。在浏览器中默认的文字大小是16px
一些不常用的字体，或许就只有个正常体，如果你用 italic，就没有效果了,这时候你就要用 oblique，可以理解成 italic 是使用文字的斜体，oblique 是让没有斜体属性的文字倾斜
在设计css链接时，要注意点击前后的颜色变化，并且按照此变化来严格要求设计顺序，未访问链接link>已访问链接visit>鼠标移动到链接上hover>鼠标点击时active。
可以用text-decoration来设计网址的下划线，用background-color来设计网址背景
padding是填充的意思，设置所有当前或者指定元素内边距属性。该属性可以有1到4个值。
当元素的 Padding（填充）（内边距）被清除时，所"释放"的区域将会受到元素背景颜色的填充。
单独使用填充属性是在一个声明中设置元素的所内边距属性。缩写填充属性也可以使用，一旦改变一个数值，则padding对应的距离都会改变
#1.23
要想设置标题的位置时，用caption标签，在style部分定义caption side在哪里，如bottom（底部）
盒子模型的结构：Margin(外边距) - 清除边框外的区域，外边距是透明的。
Border(边框) - 围绕在内边距和内容外的边框。
Padding(内边距) - 清除内容周围的区域，内边距是透明的。
Content(内容) - 盒子的内容，显示文本和图像。
定义boder边框的style时，可以用不同的风格
当设置一个边框时可以通过方位style来定义不用区域的风格：right style，top style等等，也可以用单一属性，如border-style：inset solid，显示出来的是上下是inset 左右是solid。先上下再左右，上右下左
注意:“border-color” 属性 如果单独使用则不起作用. 要先使用 “border-style” 属性来设置 borders
outline是包围在border外面的那一层，设置的style和border style是类似的
要想了解margin和padding的结构，可点击查询
也可以单独设置margin的不用方位的边距，即与别的语句的距离，会以一片空白来填充
为了尽量减少代码，你可以使用分组选择器。每个选择器用逗号分隔。在下面的例子中，我们对以上代码使用分组选择器
嵌套选择器：p{ }: 为所有 p 元素指定一个样式。
.marked{ }: 为所有 class=“marked” 的元素指定一个样式。
.marked p{ }: 为所有 class=“marked” 元素内的 p 元素指定一个样式。
p.marked{ }: 为所有 class=“marked” 的 p 元素指定一个样式。
隐藏一个元素可以通过把display属性设置为"none"，或把visibility属性设置为"hidden"
前者隐藏了还占有原来的位置和空间，后者隐藏了之后位置和空间都没了
当设置元素 visibility: collapse 后，一般的元素的表现与 visibility: hidden 一样，也即其会占用空间
块元素：<.h1><.p><.div>。内联元素的例子：<.span><.a>这是比较常见的，具体可看此链接笔记
设置文本或者图片的相对位置时，可以引用position中的fixed元素，可以设置其在网页中的位置
但是使用absolute标签：完全绝对位置，会更好其他类型点击此处
Ninlo
发布了1 篇原创文章 · 获赞 0 · 访问量 74
私信
关注
标签：style,样式,19,元素,选择器,陈增龙,设置,1.26,属性 来源： https://blog.csdn.net/Ninlo/article/details/104052239