css
abskka2211
这个作者很懒,什么都没留下…
展开
-
CSS 选择符有哪些
CSS 选择符有哪些1)id 选择器(#myid)2)类选择器(.myclassname)3)标签选择器(div,h1,p)4)相邻选择器(h1 + p)5)子选择器(ul > li)6)后代选择器(li a)7)通配符选择器(* )8)属性选择器( a[rel = “external”])9)伪类选择器(a: hover, li: nth - child)...原创 2021-06-22 21:50:19 · 1016 阅读 · 0 评论 -
选择器总结
什么是选择器?选择器:描述后面的样式施加到哪些目标,或者说是根据某个依据来选择应用样式的目标。根据选择依据的不同,就产生了各种不同的选择器。元素选择器按照标签(元素)的名称来选择相应的目标div{ background-color:red;}id选择器根据元素的id属性来选择,比方下例中的选择器就是选中id="tt"的目标,书写格式是:#idname#tt{ font-size:24px;}类选择器根据元素的class属性来选择,比方下例中的选择器选中class="tt"的原创 2021-06-09 09:35:14 · 727 阅读 · 0 评论 -
伪元素选择器
根据元素不同的状态选择元素。伪元素名 描述:first-letter 选择文本的首字母:first-line 选择文本的首行:after 在元素后面添加内容:before 在元素前面添加内容例子:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> p:first-letter{原创 2021-06-09 09:34:32 · 789 阅读 · 0 评论 -
伪类选择器
根据元素不同的状态选择元素。伪类名 描述:active 选择激活的元素:focus 选择有输入焦点的元素:hover 选择鼠标悬停在上方的元素:link 选择未访问的链接:visited 选择已访问的链接:first-child 选择第一个子元素例子:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <sty原创 2021-06-09 09:33:26 · 678 阅读 · 0 评论 -
CSS盒子模型
margin:外边距margin-top、margin-right、margin-bottom、margin-left使用方式(1)margin:30px;表示上下左右外边距都未30px;(2)margin-left:30px;单独设置上下左右外边距(3)margin:10px 20px 30px 40px;分别设置上右下左四个边距为10px 20px 30px 40pxpadding:内边距也有上下左右边距,和margin类似,不再赘述。border:边框border-width: 边框原创 2021-06-09 09:31:15 · 611 阅读 · 0 评论 -
CSS定位总结
(1)标准文档流按照从左到右、自上而下的方式依次排列元素。若要改变默认布局方式则需使用relative、absolute、fixed等定位方式;(2)relative是相对于其原有位置进行偏移;(3)absolute是相对于其父容器进行偏移,注意其父容器必须是有定位的,即非默认(static)定位方式,否则会一直往上追溯,直到页面;(4)fixed是相对于整个页面进行偏移。(5)relative不会从标准流脱离,而absolute和fixed都从标准流中脱离出来...原创 2021-06-05 00:36:37 · 566 阅读 · 0 评论