随笔分类 -  CSS

CSS-文本阴影和超链接伪类 （鼠标移动到文字上会变色）
摘要：超链接伪类：正常情况下使用，a,a:hove a:hover{ color:orange;/*鼠标放到文字上，文字会变色*/ font-size:20px;/*鼠标悬停时文字放大*/ } <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <ti 阅读全文
posted @ 2022-06-23 16:43 hollg 阅读(513) 评论(0) 推荐(0)
CSS-美化网页-文本样式-颜色-对齐方式-首行缩进-行高-装饰-文本图片水平对齐
摘要：文本样式： 1.颜色：rgba() 2.文本对齐方式：text-align 3.首行缩进:text-indent:2em 4.行高：height:300px;/*设置背景色行高*/line-height:100px;/*设置文本行高 5.装饰：上划线：text-decoration:overline 阅读全文
posted @ 2022-06-23 15:33 hollg 阅读(119) 评论(0) 推荐(0)
CSS-美化网页-字体样式
摘要：1.美化网页是为了有效传递页面信息 2.美化网页，页面漂亮，才能吸引人 3.显示主题 4.提高用户体验 使用标签： span标签：把重点要突出的字使用该标签包括起来 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文档标题</t 阅读全文
posted @ 2022-06-22 16:27 hollg 阅读(247) 评论(0) 推荐(0)
CSS-属性选择器（常用-重点）
摘要：以下属性都可以写在stype中的选择器上：float: left;:向左浮动display: block;：陈列：变成块元素height: 50px;：高度：50pxwidth: 50px;:宽度：50px border-radius: 10px;:边框-半径：10px，能产生边框圆角效果backg 阅读全文
posted @ 2022-06-17 18:10 hollg 阅读(235) 评论(0) 推荐(0)
CSS-结构伪类选择器（根据标签去定位元素（ ul li:last-child）、根据父类去定位元素（p:nth-child(1){））、根据标签类型去定位元素（p:nth-of-type(2){}）、把鼠标放到a标签文字上，改变文字颜色）
摘要：结构： ul li:last-child 拆解： ul li:标签位置，就是说要定位ul标签中的li标签 ” ：“：表示伪类，伪类选择器要写的符号。 last-child：定位ul标签中最后一个li元素 first-child：定位ul标签中第一个li元素 <!DOCTYPE html> <html 阅读全文
posted @ 2022-06-17 17:08 hollg 阅读(375) 评论(0) 推荐(0)
CSS-高级选择器-层次选择器（后代选择器、子选择器、相邻兄弟选择器、相邻通用选择器）
摘要：层次选择器 1、后代选择器:在某个元素的后面，比如：爷爷 爸爸 你，当你为爷爷这个元素设置样式时，那后面的两个元素，也是跟被设置，如body p{},那个这选择器代表着，body标签中，所有有的p标签生效 2、子选择器:一代，只是当前元素的下一代，如：爷爷 爸爸 你，生效的只会是，前面两个，body 阅读全文
posted @ 2022-06-17 15:34 hollg 阅读(1296) 评论(0) 推荐(0)
CSS-三大基本选择器、选择器优先级、（标签选择器（可以选择到页面所有这个标签的元整）、类选择器（ 可以多个标签归类，是同一个class，可以复用）、id选择器（全局唯一））
摘要：选择器： 作用：选择页面上某一个，或某一类元素 基本选择器： 1.标签选择器 2.类选择器 class 3.id选择器 标签选择器<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Title</title> <style> /*标 阅读全文
posted @ 2022-06-16 17:54 hollg 阅读(237) 评论(0) 推荐(0)
CSS-四种css引入方式,、CSS注释的方式、css样式优先级
摘要：css样式优先级：行内样式>内部样式>外部样式>，但是css是以就近原则为准的，比如：如果外部样式离元素比内部样式近，那外部样式的优先级就给内部样式的高，也就是说谁离元素近，就用谁 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title 阅读全文
posted @ 2022-06-16 16:44 hollg 阅读(97) 评论(0) 推荐(0)