hollg

2022年6月23日

摘要：超链接伪类：正常情况下使用，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 阅读(422) 评论(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 阅读(58) 评论(0) 推荐(0) 编辑

2022年6月22日

CSS-美化网页-字体样式

摘要： 1.美化网页是为了有效传递页面信息 2.美化网页，页面漂亮，才能吸引人 3.显示主题 4.提高用户体验使用标签： span标签：把重点要突出的字使用该标签包括起来 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文档标题</t 阅读全文

posted @ 2022-06-22 16:27 hollg 阅读(192) 评论(0) 推荐(0) 编辑

2022年6月17日

CSS-属性选择器（常用-重点）

摘要：以下属性都可以写在stype中的选择器上：float: left;:向左浮动display: block;：陈列：变成块元素height: 50px;：高度：50pxwidth: 50px;:宽度：50px border-radius: 10px;:边框-半径：10px，能产生边框圆角效果backg 阅读全文

posted @ 2022-06-17 18:10 hollg 阅读(218) 评论(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 阅读(261) 评论(0) 推荐(0) 编辑

CSS-高级选择器-层次选择器（后代选择器、子选择器、相邻兄弟选择器、相邻通用选择器）

摘要：层次选择器 1、后代选择器:在某个元素的后面，比如：爷爷爸爸你，当你为爷爷这个元素设置样式时，那后面的两个元素，也是跟被设置，如body p{},那个这选择器代表着，body标签中，所有有的p标签生效 2、子选择器:一代，只是当前元素的下一代，如：爷爷爸爸你，生效的只会是，前面两个，body 阅读全文

posted @ 2022-06-17 15:34 hollg 阅读(1044) 评论(0) 推荐(0) 编辑

2022年6月16日

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 阅读(172) 评论(0) 推荐(0) 编辑

CSS-四种css引入方式,、CSS注释的方式、css样式优先级

摘要： css样式优先级：行内样式>内部样式>外部样式>，但是css是以就近原则为准的，比如：如果外部样式离元素比内部样式近，那外部样式的优先级就给内部样式的高，也就是说谁离元素近，就用谁 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title 阅读全文

posted @ 2022-06-16 16:44 hollg 阅读(61) 评论(0) 推荐(0) 编辑

2022年6月15日

HTML5-表单初级验证（placeholder：可以在文本框有提示信息、required:不能为空）

摘要：表单初级验证思考?为什么要进行表单验证常用方式 placeholder：提示信息 required:不能为空 pattern：正则表达式 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>登录注册</title> </head 阅读全文

posted @ 2022-06-15 17:34 hollg 阅读(372) 评论(0) 推荐(0) 编辑

HTML5-表单的应用、隐藏域、只读、禁用、增强鼠标可用性（点击文字就能选中文本框）

摘要：表单应用：隐藏域：hidden 只读：readonly 禁用：disabled <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>登录注册</title> </head> <body> <h1>注册</h1> <!-- read 阅读全文

posted @ 2022-06-15 16:51 hollg 阅读(176) 评论(0) 推荐(0) 编辑

公告