学习前端第二天

改名字要2个币

已于 2023-05-14 16:29:53 修改

阅读量49

点赞数 2

文章标签：前端 html html5 css

于 2023-04-14 23:54:19 首次发布

本文链接：https://blog.csdn.net/m0_58545472/article/details/130162958

版权

收获

常见选择器有：

CSS选择器是定义样式的关键，在常见的选择器中，标签选择器、ID选择器和类选择器是使用最为频繁的。通配选择器和属性选择器可以帮助我们更准确地选择元素。而伪类选择器和伪元素则可以使用一些特殊效果，如:hover可以实现鼠标移入后的样式变化。具体内容如下：

标签选择器：div，img，a，span，input等
ID选择器：元素前加 # ,如 #div{ }
类选择器：元素前加 . ,如 .div{ }
通配选择器： * ,如 *{ }
属性选择器：[type='input'] ，选择所有input标签
伪类选择器：如 :hover，first-chid{}
伪元素：::before，::after

常见字体属性有：

字体大小：font-size
字体颜色：color
字体样式：font-face（引入外部字体），font-famiy（引入本地字体）

常见布局属性有：

除此之外，还要掌握常见的字体属性和布局属性。在字体方面，要了解如何设置字体大小、颜色和样式，以及如何引入外部字体。在布局方面，则需要掌握宽度、高度和居中等属性，特别是元素的水平居中需要使用margin属性，设置左右为auto可以较为方便地实现。具体内容如下：

宽：width
高：height
垂直居中：line-height 的 px 和父类 height 一样
水平居中：text-align：center（文本水平居中）margin:0 auto；（margin是外边距，通关设置上下0，左右auto，可以实现元素水平居中）

css的3种书写位置：

CSS代码有3种书写位置，分别是行内式、内嵌式和外部式。其中行内式使用较少，因为会影响HTML结构，降低代码可维护性。内嵌式则需要在HTML文件中添加样式代码，也不太推荐使用。而外部式则是使用最为广泛的一种方式，可以通过<link>标签引入外部CSS文件，将样式代码和HTML代码分离，提高代码可读性和可维护性。具体内容如下：