随笔分类 - CSS
-
严格检查模式strict
摘要:前提:IDEA需要直接ES6语法 use strict 严格检查模式 预防javaScript随意性导致产生的一些问题 必须写在javaScript第一行 用Let来定义局部变量 阅读全文
-
CSS文本阴影和超链接伪类
摘要:<style> /*默认的颜色*/ a{ text-decoration: none; color: #b1be7d; } /*鼠标悬浮的状态(只需要记住hover)*/ a.hover{ color: #be3bbd; font-size: 50px; } /*鼠标按住未释放的状态*/ a.act 阅读全文
-
CSS文本样式
摘要:1.颜色 color rgb rgba 2.文本对齐的方式 text-align = center 3.首行缩进 text-indent:2em 4.行高 line-height :当行文字上下居中 line-height = height 5.装饰 text-decoration 6.文本图片水平 阅读全文
-
CSS结构伪类选择器
摘要:<style> /*ul的一个元素*/ ul li:first-child{ background: #3dbe4b; } /*ul的最后一个元素*/ ul li:last-child{ background: #2d4ebe; }</style> 阅读全文
-
CSS层次选择器
摘要:/*后代选择器:在某个元素的后面*/ body p{ background: #77be64; } /*子选择器:一代 儿子*/body>p{ background: #be5155;} head:/*相邻兄弟选择器 同辈只有一个 相邻向下*/.active + p{ background: #5c 阅读全文
-
CSS三种基本选择器
摘要:<!-- 标签选择器:会选择到页面上的所有的这个标签的元素--> <style> h1{ color: #4dbebe; } p{ font-size: 10px; } </style></head><body><h1>hello</h1><h1>hello</h1><p>world</p> <!- 阅读全文
-
CSS的四种导入方式
摘要:行内样式: <!--行内样式--><h1 style="color: black">一级标题</h1> 内部样式: <!--内部样式--> <style> h1{ color: aliceblue; } </style> 外部样式:链接式:HTML HTML:<link rel="styleshee 阅读全文
-
CSS的优势
摘要:css的优势: 1.内容和样式分离 2.网页结构表现统一,可以实现复用 3.样式十分的丰富 4.建议使用独立于HTML的CSS文件 5.利用SEO,容易被搜索引擎收录 阅读全文