无关风月7707 - 博客园

2022年4月24日

摘要：背景图像应用及渐变 1、在div内放置图像 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>背景</title> <style> div{ width : 1000px; height : 700px; bo 阅读全文

posted @ 2022-04-24 21:45 无关风月7707 阅读(40) 评论(0) 推荐(0) 编辑

网页美化之列表样式练习（商品分类栏，半成）

摘要：列表样式练习 .css代码 #nav{ width : 300px; } .title{ font : bold 18px "楷体"; text-indent : 1em; line-height : 35px; background : yellow; } /*ul li*/ /* list-st 阅读全文

posted @ 2022-04-24 11:25 无关风月7707 阅读(194) 评论(0) 推荐(0) 编辑

超链接伪类和文本阴影

摘要：超链接伪类和文本阴影 1、超链接伪类为超链接不同的状态设置不同的样式仅a元素使用 :link 未访问的超链接，可设置颜色、字体大小 :visited 已访问的超链接，由于隐私的原因，visited这个伪类只能修改链接的颜色所有元素都可以使用： :hover 鼠标移入时状态变化 :active 阅读全文

posted @ 2022-04-24 10:40 无关风月7707 阅读(106) 评论(0) 推荐(0) 编辑

2022年4月23日

网页美化

摘要：美化网页元素 1. 为什么要美化网页 1.有效地传递页面信息 2.美化网页吸引用户 3.凸显页面主题 4.提高用户体验 span标签：使用span标签括起重点要突出的文字 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> < 阅读全文

posted @ 2022-04-23 22:30 无关风月7707 阅读(210) 评论(0) 推荐(0) 编辑

属性选择器★★★★

摘要：属性选择器★★★★== 1、属性选择器格式 /*属性选择器的格式: 标签类型+[属性 select 属性值（正则）]+{} 其中select可选项为正则表达式 = 绝对等于 *= 包含这个元素 ^= 以......开头 $= 以......结尾 */ 2、属性选择器代码练习 <!DOCTYPE h 阅读全文

posted @ 2022-04-23 22:27 无关风月7707 阅读(39) 评论(0) 推荐(0) 编辑

结构伪类选择器（存疑）

摘要：结构伪类选择器（存疑，有一定思路，但不确定是否正确）声明：该部分开头参考自CSDN作者原创文章，仅供个人学习，特此声明原文链接：https://blog.csdn.net/ixygj197875/article/details/79038041== 看表理解结构伪类选择器选择器功能描述 E 阅读全文

posted @ 2022-04-23 18:10 无关风月7707 阅读(96) 评论(0) 推荐(0) 编辑

层次选择器

摘要：层次选择器遵循就近原则！！！！ 1.后代选择器：在某元素后代的**所有元素** eg：(爷爷)--父亲--儿子 2.子选择器：在某元素后代的**第一代元素** eg: (爷爷)--父亲 3.相邻兄弟选择器：某一个元素的相邻（必须是向下相邻）元素 eg：伯父、(父亲)、叔叔 4.通用选择器阅读全文

posted @ 2022-04-23 16:08 无关风月7707 阅读(159) 评论(0) 推荐(0) 编辑

选择器之三种基本选择器★★★★

摘要：选择器★★★★ 作用：选择页面上的某一个或者某一类元素 2.1 三种基本选择器 1、标签选择器标签选择器：会选择到页面上所有这个标签的元素，缺点亦为如此：无法做到只改变单个标签的样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT 阅读全文

posted @ 2022-04-23 11:47 无关风月7707 阅读(242) 评论(0) 推荐(0) 编辑

CSS的四种导入方式

摘要： CSS的四种导入方式 1. 行内样式  <h1 style="color:red;">字体样式测试</h1> 2. 内部样式 <head>  <style> <h1> color : green; </h1> < 阅读全文

posted @ 2022-04-23 11:44 无关风月7707 阅读(812) 评论(0) 推荐(0) 编辑

2022年4月22日

CSS快速入门

摘要： CSS快速入门 1.style ：样式，尽量写在head里边 2.选择器：写在style里边，选定选择器后在{ }内部写样式 CSS代码书写规范如下 <!--规范，<style> 可以编写css代码，每一个声明语句最好使用分号结尾语法： <head> <style> 选择器{ 声明1; 声明2; 阅读全文

posted @ 2022-04-22 21:59 无关风月7707 阅读(60) 评论(0) 推荐(0) 编辑

xypersonal

公告