css的学习笔记

·层叠样式表(Cascading Style Sheets)·css可以用来为网页创建样式表,通过样式表可以对网页进行装饰。
·所谓层叠,可以将整个网页想象成是一层一层的结构,层次高的将会覆盖层次低的。
·而css就可以分别为网页的各个层次设置样式。
内联样式不建议复用
两个属性之间要用逗号隔开


可以将css属性编写到head中,也就是在head中创建

将样式表写到外部css文件中

然而事实证明,还是Hubilder更香。

块元素(占用一整行)

随便来点文字
![](https://img2020.cnblogs.com/blog/2115628/202011/2115628-20201118152551938-640479497.png)

内联元素(只占用自身大小)

属性修改的时候,最简单的办法

然后引入新的方式
id选择器

选择元素设置它的属性,在id前面加上#
选择祖先元素的时候,直接输入标签名
选择后代元素的时候,空格输入后代标签标签名
选择子元素的时候,空格后输入后代标签标签名
关于class的选择

关于id的选择

伪类选择器
给链接定义样式
有四个伪类可以让你根据访问煮点该链接的交方式,将链接设置成4种不向的状态。
正常链接

  • a:link
    ·访问过的链接
  • a:visited (只能定义字体颜色)鼠标滑过的链接
  • a:hover
    ·正在点击的链接- a:active

:hover和:active还可以对于其它标签起作用
获取焦点-:focus
指定元素前-:before
指定元素后-:after
选中的元素- :selection

引入一个可输入文本框

设置背景颜色
伪元素
:first-letter(首字母)
:first-line(第一行)

对于每段的段落之前进行设置
与p:after{content:"";}一样

posted @ 2020-11-18 15:35  sshlyxy  阅读(39)  评论(0)    收藏  举报