|
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <!--内部样式--> <style type="text/css"> div ul li a{ color: sandybrown; text-decoration: none; font-size: 40px; } div{ background-color: greenyellow; /*边框赋值:边框宽度 实线 颜色*/ border: 5px solid blue; }
</style> <link rel="stylesheet" type="text/css" href="第三中引入方式.css"/> </head> <body> <div> <ul type="disc"> <li> <!--行内样式--> <a href="###" style="color: deepskyblue;">吃虾的时代</a> </li> <li> <a href="###">韩式炸鸡</a> </li> <li> <a href="###">甜品陪我度过孤独</a> </li> <li> <a href="###">南城吃饭</a> </li> <li> <a href="###">吃下个十二生肖</a> </li> </ul> </div> </body> </html> <!-- 网站组成 1.结构层;HTML,网页的内容,有各种标签组成 2.表现层:CSS,美化内容,是网页的样式 3.行为层:JS 和网页进行交互 CSS:层叠样式表 --> <!-- CSS的引入有三种方式(一共有四种) 1.行内样式(在开始标签里写style) 2.内部样式(在head里面写style) 3.外部样式(把样式写成一个文件,在head通过link去引入)
三种引入方式的优先级 理论上:行内样式>内部样式>外部样式 实际上优先级的高低是样式距离标签的远近而来的,离得近级别高,就近原则
4.@impontant(几年前使用的引入方式,认识就可以了) --> <!-- sype属性: circle 意思是 空心点 square意思是方的点 disc意思是圆的点(默认样式) --> |
|
|
来自： 才子傲 > 《HTML学习总结》
