css a标签_51CTO博客

CSS a 标签样式

a:LINK {
    color: red;
}
a:VISITED {
    color: yellow;
}
a:HOVER {
    color: green;
}
a:ACTIVE {
    color: blue;
}

a 标签禁止javascript css禁用a标签

mob64ca140f29e5

.disabled {
pointer-events: none;
cursor: default;
filter: alpha(opacity=50); /*IE滤镜，透明度50%*/
-moz-opacity: 0.5; /*Firefox私有，透明度50%*/
opacity: 0.5; /*其他，透明度50%*/
}

CSS——CSS标签显示模式（display）

流楚丶格念

常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等，其中<div>标签是最典型的块元素。

link标签 css javascript

mob649e8162c013

<link rel="stylesheet" type="text/css" href="style.css">

CSS常用标签（二）

呆萌老师博客号

/*
*作者：呆萌老师
*☑csdn认证讲师
*☑51cto高级讲师
*☑腾讯课堂认证讲师
*☑网易云课堂认证讲师
*☑华为开发者学堂认证讲师
*☑爱奇艺千人名师计划成员
*在这里给大家分享技术、知识和生活
*各种干货，记得关注哦！
*/

a 标签css样式调整

一排小牙印

.alink:link {color: red}     /* 未访问的链接 */
.alink:visited {color: gray}  /*已访问的链接 */
.alink:hover {color: blue}    /* 当搜索有鼠标悬停在链接上 */
.alink:active {color: red}   /* 被选择的链接 */
.alink:focus {color:gray}	/*选取获得焦点的元素*/

jquery给标签加css宽度 jquery 标签

mob64ca14061c9e

样式类:

android xml标签 css样式 xml标签格式

mob64ca14116c53

为了灵活实现不同路径执行不同资源我们需要使用XML进行配置
为了限制XML内容，我们需要使用xml约束（DTD或schema）：
为了获取xml内容，我们需要使用dom4j进行解析



什么是XML?
		XML全程为Extensible Markup Language 意思为可扩展的标记语言。
		XML语法上和HTML比较相似，但是HTML中的元素是固定，而XML的标签是可以
		由用户自定义的。
		
		
		1.XML指可扩展语言
		2.XML是标记语言，很类似HTML
		3.XML的设计宗旨是传输数据，而非显示数据。但是现在更多用在配置文件
		4.XML标签没有被预定义，需要自己自定义标签
		
XML书写规则
		1.所有XML元素标签都有关闭标签
		2.XML标签对大小写敏感
		3.XML必须正确嵌套
		4.XML文档必须有根元素
				XML文档必须有一个元素是所有其他元素的父元素，该元素被称为根元素
		5.XML的属性值必须加引号	
		
XML语法
	XML文档声明
		<?xml version ="1.0" encoding="UTF-8"?>
			1.文档声明必须为<?xml开头  以？结束>
			2.文档声明必须从文档0行0列位置开始
			3.文档声明只有三个属性
				a:version :指定XML文档版本。必须属性，因为我们不会选择1.1，只会选择1.0；
				b:encoding :指定当前文档的编码。可选属性，默认值是utf-8
	 元素 element
		 1.元素是XML文档中最重要的组成部分
		 2.普通元素的结构开始标签，元素体，结束标签组成。例如<hello>大家好</hello>	
		 3.元素体:元素体可以是元素，也可以是文本，例如<b><a>你好</a></b>
		 4.空元素：空元素只有开始标签，而没有结束标签，但是元素必须自己闭合  例如<c/>
		 5.元素命名
		 		a 区分大小写
		 		b 不能使用空格，不能使用冒号
		 		c 不建议以 XML xml Xml 开头
		 6.格式化良好的XML文档，必须只有一个根元素
       属性：
        1.属性是元素的一部分，它必须出现在元素的开始标签
        2.属性的定义格式：属性名=属性值 ，其中属性值必须是用单引号或双引号
        3.一个元素可以有0~N个属性，但是元素中不能出现同名属性
        4.属性名不能使用空格，冒号等特殊符号，且必须以字母开头
        
      注释
      	XML的注释与HTML的注释相同，即以<!---内容--->  		
      	
    转义字符
    	小于  <
    	大于	 >
    	双引号 "
    	单引号 '
    	&  	  &
    	
    	
    当大量的转义字符出现在xml文档的时候	会降低xml文档的可读性，
    这使我们使用CDATA区会好一些
		    CDATA区
			    <?[CDATA][
			     	任意内容
			     	]]>	
	在CDATA区内好可以不用使用转义字符

html5 css 标签选择 css标签选择器怎么用

mob64ca13fc5fb6

#red {coloc:red}
#green {color:green}

CSS|标签选择器

Alan_Lowe

/*
标签选择器
会选择到页面上所有的该标签元素
*/
h1{
    color: red;
    background-color: aqua;
    border-radius: 10px;
}

html5和css3标签 html标签和css属性

mob6454cc7aec82

1 <html>
 2 <head>
 3 <script type="text/javascript">
 4 function change_header(){
 5 document.getElementById("myheader_1").innerHTML="you have clicked"
 6 }
 7 </script>
 8 </head>
 9 <body>
10 <h1 id ="myheader">hello </h1>
11 <h2 id ="myheader_2">hello </h2>
12 <button onclick="change_header()">change text</button>
13 </body>
14 </html>

CSS基本标签学习8.21

mob604756fd7a56

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<link rel="stylesheet" href="zuoye1.css">
</head>

<body>
<a name="flag"></a>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <div id="d1">
        <div><a href="https://hao.360.com/sub/resou.html#2021licai" id="dd1"></a></div>
        <div >
            <ul>
                <li class="dd2"><a href="https://yule.360.com/"><img src="./xx.png" alt=""><span>娱乐</span></a></li>
            </ul>
            <ul>
                <li class="dd2"><a href="https://gouwu.360.com/"><img src="./gwc.png" alt=""><span>购物</span></a></li>
            </ul>
            <ul>
                <li class="dd2"><a href="https://g.360.cn/index.html"><img src="./yx.png" alt=""><span>游戏</span></a></li>
            </ul>
            <ul>
                <li class="dd2"><a href="https://news.edu.360.cn/"><img src="./jy.png" alt=""><span>教育</span></a></li>
            </ul>
            <ul>
                <li ><a href="https://go.360.cn/zt/summer2021.html"><img src="./qb.png" alt=""><span>旅游</span></a></li>
            </ul>
        </div>
        <div>
            <ul>
                <li><a href="#" class="dd3">返回旧版</a></li>
                <li><a href="#flag" class="dd3">顶部</a></li>
            </ul>
        </div>
    </div>
</body>
</html>

CSS基本标签学习8.20

mb5ff590f157b0e

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>山东理工大学</title>
<link rel="shortcut icon" href="./logo.ico">
<link rel="stylesheet" href="sdlg.css">
</head>

<body>
    <!--整个页面-->
    <div class="all">
    <!--头部导航-->
    <div class="head">
        <div class="htop">
                <div class="hleft"></div>
            <div class="hright">
                <div class="hrtop">
                    <ul class="a1">
                    <li><a class="a3" href="#" target="_blank">在校生</a></li>
                    <li><a class="a3" href="#" target="_blank">教职工</a></li>
                    <li><a class="a3" href="#" target="_blank">考生</a></li>
                    <li><a class="a3" href="#" target="_blank">校友</a></li>
                    <li><a class="a3" href="#" target="_blank">访客</a></li>
                    </ul>
                </div>
                <div class="hrbottom">
                <table>
                    <tr>
                        <td><input type="text" name="wenben" class="a4" placeholder="请输入关键字"></td>
                        <td><input type="button" name="sousuo" class="a5"></td>
                    </tr>
                </table>
                </div>
            </div>
        </div>
            <div class="hbottom">
                <ul class="a2">
                    <li><a href="#">首页</a></li>
                    <li><a href="#">新闻网</a></li>
                    <li><a href="#">学校概况</a></li>
                    <li><a href="#">机构设置</a></li>
                    <li><a href="#">师资队伍</a></li>
                    <li><a href="#">科学研究</a></li>
                    <li><a href="#">人才培养</a></li>
                    <li><a href="#">招生就业</a></li>
                    <li><a href="#">大学文化</a></li>
                    <li><a href="#">国际交流</a></li>
                    <li><a href="#">校友联谊</a></li>
                </ul>
            </div>
    </div>
    <!--轮播图-->
    <div class="lunbo"></div>
    <!--中间内容-->
    <div class="content">
    <!--左-->
    <div class="cleft">
        <!--左上-->
        <div class="ltop">
        
            <div class="clttop"><p class="a7">[更多]</p>
                <div class="clttleft"><p class="a6">学校要闻</p></div> 
                <div class="clttright"></div>
            </div>
                <div class="cltconter"><h3 class="a8">省委第三巡视组向山东理工大学党委反馈巡...</h3><p align="center">--</p><p class="a9">本网讯　近日，省委第三巡视组向山东理工大学党委反馈巡视情况。省纪委常委王英霞主持召开向山东理工大学党委书记吕传毅的反馈会议，出席向...[详细]</p></div>
                <div class="cltbottom">
                    <ul class="a10">
                        <li class="a12"><a href="#">校领导检查暑期修建工程进展情况</a><div class="a11">08-17</div></li>
                    </ul >
                    <ul class="a10">
                        <li class="a12"><a href="#">我校组织收看全省学校疫情防控工作视频会</a><div class="a11">08-08</div></li>
                    </ul>
                    <ul class="a10">
                        <li class="a12"><a href="#">学校召开疫情防控工作领导小组会议</a><div class="a11">08-06</div></li>
                    </ul>
                    <ul class="a10">
                        <li class="a12"><a href="#">吕传毅参加所在党支部现场教学</a><div class="a11">08-02</div></li>
                    </ul>
                    <ul class="a10">
                        <li class="a12"><a href="#">“豪迈杯”第十五届全国大学生化工设计竞...</a><div class="a11">08-02</div></li>
                    </ul>
                    <ul class="a10">
                        <li class="a12"><a href="#">吕传毅到临淄区调研科技研发平台共建工作</a><div class="a11">07-28</div></li>
                    </ul>
                </div>
        </div>
        <!--左下-->
        <div class="lbottom">
            <div class="clbtop"><p class="a7">[更多]</p>
                <div class="clbtleft"><p class="a6">媒体报道</p></div>
                <div class="clbtright"></div>
            </div>
            <div class="clbbottom">
            <ul class="a10">
                <li class="a12">[《山东教育》（高教）]<a href="#"> 高质量发展论坛|狠抓改革创新 提升治理...</a></li>
            </ul>
            <ul class="a10">
                <li class="a12">[山东教育新闻网]<a href="#"> 院校掠影（封二、封三）丨山东理工大...</a></li>
            </ul>
            <ul class="a10">
                <li class="a12">[大众网]<a href="#"> “豪迈杯”第十五届全国大学生化工设计...</a></li>
            </ul>
            <ul class="a10">
                <li class="a12">[光明网]<a href="#"> 第十五届全国大学生化工设计竞赛华北赛...</a></li>
            </ul>
            </div>
        </div>
    </div>
    <!--中-->
    <div class="ccenter">
        <!--中上-->
        <div class="ctop">
            <div class="cttop">
                <div class="cttleft"><p class="a6">图说理工&nbsp;&nbsp;&nbsp;&nbsp;视频理工</p></div>
                <div class="cttright"><p class="a7">[更多]</p></div>
            </div>
            <div class="ctbottom">
                <ul class="a10">
                    <li class="a13"><a href="#">校园新闻2021年第20期</a></li>
                </ul>
                <ul class="a10">
                    <li class="a13"><a href="#">校园新闻2021年第19期</a></li>
                </ul>
                <ul class="a10">
                    <li class="a13"><a href="#">校园新闻2021年第18期</a></li>
                </ul>
                <ul class="a10">
                    <li class="a13"><a href="#">校园新闻2021年第17期</a></li>
                </ul>
                <ul class="a10">
                    <li class="a13"><a href="#">校园新闻2021年第16期</a></li>
                </ul>
                <ul class="a10">
                    <li class="a13"><a href="#">校园新闻2021年第15期</a></li>
                </ul>
                <ul class="a10">
                    <li class="a13"><a href="#">校园新闻2021年第14期</a></li>
                </ul>
            </div>
        </div>
        <!--中下-->
        <div class="cbottom">
            <div class="cbtop">
                <div class="cbtleft"><p class="a6">综合新闻</p></div>
                <div class="cbtright"><p class="a7">[更多]</p></div>
            </div>
            <div class="cbbottom">
                <ul>
                    <li class="aa12"><a href="#">我校首获国家自然科学基金重点项目资助</a></li>
                </ul>
                <ul>
                    <li class="aa12"><a href="#">我校学子在全国高校大学生测绘类系列竞赛中获佳...</a></li>
                </ul>
                <ul>
                    <li class="aa12"><a href="#">Vinci机器人队在第20届全国大学生机器人大赛中...</a></li>
                </ul>
                <ul>
                    <li class="aa12"><a href="#">我校学子在第14届全国大学生先进成图大赛中获佳...</a></li>
                </ul>
                <ul>
                    <li class="aa12"><a href="#">我校连任山东学校后勤协会高校能源管理分会理事...</a></li>
                </ul>
                <ul>
                    <li class="aa12"><a href="#">我校学子创省师范生从业技能大赛历史最好成绩</a></li>
                </ul>
                <ul>
                    <li class="aa12"><a href="#">我校与张店融合发展2021年首批科技副总聘任仪式...</a></li>
                </ul>
                <ul>
                    <li class="aa12"><a href="#">我校师生在2021年山东省中华经典诵吟大赛中获佳...</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!--右-->
    <div class="cright">
        <!--右上-->
        <div class="rtop">
            <div class="crttop">
                <div class="crttleft"><p class="a6">学术活动</p></div>
                <div class="crttright"><p class="a7">[更多]</p></div>
            </div>
                <div class="crtbottom">
                    <ul>
                        <li class="a16">
                            <div class="a17">
                                <div>
                                    <div class="a14">2021</div>
                                    <div class="a15">07-25</div>
                                </div>
                            </div>
                                    <div class="a18">
                                        <p><a href="#" target="_blank" title="代数连通度和谱半径在多智能体系统一致性研究中的应用">代数连通度和谱半径在多智...</a></p>
                                        <p>主讲:张胜贵教授</p>
                                        <p>地点:15号教学楼505室</p>
                                    </div>
                            <div class="a19"></div>
                        </li>
                    </ul>
                    <ul>
                        <li class="a16">
                            <div class="a17">
                                <div>
                                    <div class="a14">2021</div>
                                    <div class="a15">07-25</div>
                                </div>
                            </div>
                                    <div class="a18">
                                        <p><a href="#" target="_blank" title="如何领悟数学思想">如何领悟数学思想</a></p>
                                        <p>主讲:杨晗教授</p>
                                        <p>地点:线上(腾讯会议 ID：583</p>
                                    </div>
                            <div class="a19"></div>
                        </li>
                    </ul>
                    <ul>
                        <li class="a16">
                            <div class="a17">
                                <div>
                                    <div class="a14">2021</div>
                                    <div class="a15">07-25</div>
                                </div>
                            </div>
                                    <div class="a18">
                                        <p><a href="#" target="_blank" title="面向人工智能新浪潮的视觉计算与应用">面向人工智能新浪潮的视觉...</a></p>
                                        <p>主讲:付树军教授</p>
                                        <p>地点:15号楼505室</p>
                                    </div>
                            <div class="a19"></div>
                        </li>
                    </ul>
                    <ul>
                        <li class="a16">
                            <div class="a17">
                                <div>
                                    <div class="a14">2021</div>
                                    <div class="a15">07-25</div>
                                </div>
                            </div>
                                    <div class="a18">
                                        <p><a href="#" target="_blank" title="图论与组合优化">图论与组合优化</a></p>
                                        <p>主讲:涂建华教授</p>
                                        <p>地点:15号楼505室</p>
                                    </div>
                            <div class="a19"></div>
                        </li>
                    </ul>
                </div>
        </div>
        
        <!--右下-->
        <div class="rbottom">
            <div class="crbtop">
                <div class="crbtleft"><p class="a6">专题·公告</p></div>
                <div class="crbtright"><p class="a7">[更多]</p></div>
            </div>
                <div class="crbbottom">
                    <ul>
                        <li class="a20"><a href="#">诚聘海内外高层次人才启事</a></li>
                    </ul>
                    <ul>
                        <li class="a20"><a href="#">山东理工大学关于事业单位法人证书住所...</a></li>
                    </ul>
                    <ul>
                        <li class="a20"><a href="#">关于对《山东理工大学章程修正案》进行...</a></li>
                    </ul>
                    <ul>
                        <li class="a20"><a href="#">山东理工大学法定代表人变更公告</a></li>
                    </ul>
                </div>
        </div>
        </div>
    </div>
    <!--底部导航-->
    <div class="bottom">
        <div class="btop">
            
                <ul class="a26">
                    <li class="a21"><a href="#" target="_blank" class="a22"><span class="a23">图书馆</span></a></li>
                    <li class="a21"><a href="#" target="_blank" class="a22"><span class="a23">信息公开</span></a></li>
                    <li class="a21"><a href="#" target="_blank" class="a22"><span class="a23">招标采购</span></a></li>
                    <li class="a21"><a href="#" target="_blank" class="a22"><span class="a23">服务大厅</span></a></li>
                    <li class="a21"><a href="#" target="_blank" class="a22"><span class="a23">邮件系统</span></a></li>
                    <li class="a21"><a href="#" target="_blank" class="a22"><span class="a23">校园VPN</span></a></li>
                    <li class="a21"><a href="#" target="_blank" class="a22"><span class="a23">在线学习</span></a></li>
                    <li class="a21"><a href="#" target="_blank" class="a22"><span class="a23">站点导航</span></a></li>
                </ul>
            
        </div>
        <div class="bbottom">
            <div class="a24" align="center">
                <div class="a25">
                    <p>版权所有©山东理工大学   地址：山东省淄博市张店区新村西路266号（255000）</p>
                    <p>设计维护：网络信息中心  <a href="#">鲁ICP备09041544号-6</a></p>
                </div>
                <div class="a27">
                <a href="#" target="_blank"><img src="./sucai/1.png" alt=""></a>&nbsp;&nbsp;
                <a href="#" target="_blank"><img src="./sucai/2.png" alt=""></a>&nbsp;&nbsp;
                <a href="#" target="_blank"><img src="./sucai/3.png" alt=""></a>&nbsp;&nbsp;
                <a href="#" target="_blank"><img src="./sucai/4.png" alt=""></a>&nbsp;&nbsp;
                </div>
            </div>
        </div>
    </div>
    </div>
</body>
</html>

css标签选择器

mob604756e9d3bc

    /*标签选择器*/
    input[type="text"] {
        width: 60%;
    }
    </style>

CSS标签模式display属性

mb607022e25a607

{
                color: red;                /* display: none; */
                visibility: hidden;
            }
        " _ue_custom_node_="true">这是一个s标签
        这是一个div这是一个strong

CSS标签模式display属性

mb607022e25a607

我是中国人/* CSS标签模式 */
            div {
                background-color: red;
                display: inline;
            }
            s {
                background-color: yellow;
                display: block;
            }
        " _ue_custom_node_="true">这是一个s标签
        这是一个strong
        这是一个div

CSS 标签选择器

mb601ce87364988

<!DOCTYPE>
<html>
    <head>
    	<meta charset="utf-8">
        <title>CSS学习(9xkd.com)</title>
        <link rel="stylesheet" type="text/css" href="index.css">
    </head>
    <body>
        <h3>侠课岛</h3>
        <p>你好，侠课岛！</p>
    </body>
</html>

CSS基本标签学习8.20

mb5fe559d8b9ae4

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>山东理工大学</title>
<link rel="shortcut icon" href="./logo.ico">
<link rel="stylesheet" href="sdlg.css">
</head>

<body>
    <!--整个页面-->
    <div class="all">
    <!--头部导航-->
    <div class="head">
        <div class="htop">
                <div class="hleft"></div>
            <div class="hright">
                <div class="hrtop">
                    <ul class="a1">
                    <li><a class="a3" href="#" target="_blank">在校生</a></li>
                    <li><a class="a3" href="#" target="_blank">教职工</a></li>
                    <li><a class="a3" href="#" target="_blank">考生</a></li>
                    <li><a class="a3" href="#" target="_blank">校友</a></li>
                    <li><a class="a3" href="#" target="_blank">访客</a></li>
                    </ul>
                </div>
                <div class="hrbottom">
                <table>
                    <tr>
                        <td><input type="text" name="wenben" class="a4" placeholder="请输入关键字"></td>
                        <td><input type="button" name="sousuo" class="a5"></td>
                    </tr>
                </table>
                </div>
            </div>
        </div>
            <div class="hbottom">
                <ul class="a2">
                    <li><a href="#">首页</a></li>
                    <li><a href="#">新闻网</a></li>
                    <li><a href="#">学校概况</a></li>
                    <li><a href="#">机构设置</a></li>
                    <li><a href="#">师资队伍</a></li>
                    <li><a href="#">科学研究</a></li>
                    <li><a href="#">人才培养</a></li>
                    <li><a href="#">招生就业</a></li>
                    <li><a href="#">大学文化</a></li>
                    <li><a href="#">国际交流</a></li>
                    <li><a href="#">校友联谊</a></li>
                </ul>
            </div>
    </div>
    <!--轮播图-->
    <div class="lunbo"></div>
    <!--中间内容-->
    <div class="content">
    <!--左-->
    <div class="cleft">
        <!--左上-->
        <div class="ltop">
        
            <div class="clttop"><p class="a7">[更多]</p>
                <div class="clttleft"><p class="a6">学校要闻</p></div> 
                <div class="clttright"></div>
            </div>
                <div class="cltconter"><h3 class="a8">省委第三巡视组向山东理工大学党委反馈巡...</h3><p align="center">--</p><p class="a9">本网讯　近日，省委第三巡视组向山东理工大学党委反馈巡视情况。省纪委常委王英霞主持召开向山东理工大学党委书记吕传毅的反馈会议，出席向...[详细]</p></div>
                <div class="cltbottom">
                    <ul class="a10">
                        <li class="a12"><a href="#">校领导检查暑期修建工程进展情况</a><div class="a11">08-17</div></li>
                    </ul >
                    <ul class="a10">
                        <li class="a12"><a href="#">我校组织收看全省学校疫情防控工作视频会</a><div class="a11">08-08</div></li>
                    </ul>
                    <ul class="a10">
                        <li class="a12"><a href="#">学校召开疫情防控工作领导小组会议</a><div class="a11">08-06</div></li>
                    </ul>
                    <ul class="a10">
                        <li class="a12"><a href="#">吕传毅参加所在党支部现场教学</a><div class="a11">08-02</div></li>
                    </ul>
                    <ul class="a10">
                        <li class="a12"><a href="#">“豪迈杯”第十五届全国大学生化工设计竞...</a><div class="a11">08-02</div></li>
                    </ul>
                    <ul class="a10">
                        <li class="a12"><a href="#">吕传毅到临淄区调研科技研发平台共建工作</a><div class="a11">07-28</div></li>
                    </ul>
                </div>
        </div>
        <!--左下-->
        <div class="lbottom">
            <div class="clbtop"><p class="a7">[更多]</p>
                <div class="clbtleft"><p class="a6">媒体报道</p></div>
                <div class="clbtright"></div>
            </div>
            <div class="clbbottom">
            <ul class="a10">
                <li class="a12">[《山东教育》（高教）]<a href="#"> 高质量发展论坛|狠抓改革创新 提升治理...</a></li>
            </ul>
            <ul class="a10">
                <li class="a12">[山东教育新闻网]<a href="#"> 院校掠影（封二、封三）丨山东理工大...</a></li>
            </ul>
            <ul class="a10">
                <li class="a12">[大众网]<a href="#"> “豪迈杯”第十五届全国大学生化工设计...</a></li>
            </ul>
            <ul class="a10">
                <li class="a12">[光明网]<a href="#"> 第十五届全国大学生化工设计竞赛华北赛...</a></li>
            </ul>
            </div>
        </div>
    </div>
    <!--中-->
    <div class="ccenter">
        <!--中上-->
        <div class="ctop">
            <div class="cttop">
                <div class="cttleft"><p class="a6">图说理工&nbsp;&nbsp;&nbsp;&nbsp;视频理工</p></div>
                <div class="cttright"><p class="a7">[更多]</p></div>
            </div>
            <div class="ctbottom">
                <ul class="a10">
                    <li class="a13"><a href="#">校园新闻2021年第20期</a></li>
                </ul>
                <ul class="a10">
                    <li class="a13"><a href="#">校园新闻2021年第19期</a></li>
                </ul>
                <ul class="a10">
                    <li class="a13"><a href="#">校园新闻2021年第18期</a></li>
                </ul>
                <ul class="a10">
                    <li class="a13"><a href="#">校园新闻2021年第17期</a></li>
                </ul>
                <ul class="a10">
                    <li class="a13"><a href="#">校园新闻2021年第16期</a></li>
                </ul>
                <ul class="a10">
                    <li class="a13"><a href="#">校园新闻2021年第15期</a></li>
                </ul>
                <ul class="a10">
                    <li class="a13"><a href="#">校园新闻2021年第14期</a></li>
                </ul>
            </div>
        </div>
        <!--中下-->
        <div class="cbottom">
            <div class="cbtop">
                <div class="cbtleft"><p class="a6">综合新闻</p></div>
                <div class="cbtright"><p class="a7">[更多]</p></div>
            </div>
            <div class="cbbottom">
                <ul>
                    <li class="aa12"><a href="#">我校首获国家自然科学基金重点项目资助</a></li>
                </ul>
                <ul>
                    <li class="aa12"><a href="#">我校学子在全国高校大学生测绘类系列竞赛中获佳...</a></li>
                </ul>
                <ul>
                    <li class="aa12"><a href="#">Vinci机器人队在第20届全国大学生机器人大赛中...</a></li>
                </ul>
                <ul>
                    <li class="aa12"><a href="#">我校学子在第14届全国大学生先进成图大赛中获佳...</a></li>
                </ul>
                <ul>
                    <li class="aa12"><a href="#">我校连任山东学校后勤协会高校能源管理分会理事...</a></li>
                </ul>
                <ul>
                    <li class="aa12"><a href="#">我校学子创省师范生从业技能大赛历史最好成绩</a></li>
                </ul>
                <ul>
                    <li class="aa12"><a href="#">我校与张店融合发展2021年首批科技副总聘任仪式...</a></li>
                </ul>
                <ul>
                    <li class="aa12"><a href="#">我校师生在2021年山东省中华经典诵吟大赛中获佳...</a></li>
                </ul>
            </div>
        </div>
    </div>
    <!--右-->
    <div class="cright">
        <!--右上-->
        <div class="rtop">
            <div class="crttop">
                <div class="crttleft"><p class="a6">学术活动</p></div>
                <div class="crttright"><p class="a7">[更多]</p></div>
            </div>
                <div class="crtbottom">
                    <ul>
                        <li class="a16">
                            <div class="a17">
                                <div>
                                    <div class="a14">2021</div>
                                    <div class="a15">07-25</div>
                                </div>
                            </div>
                                    <div class="a18">
                                        <p><a href="#" target="_blank" title="代数连通度和谱半径在多智能体系统一致性研究中的应用">代数连通度和谱半径在多智...</a></p>
                                        <p>主讲:张胜贵教授</p>
                                        <p>地点:15号教学楼505室</p>
                                    </div>
                            <div class="a19"></div>
                        </li>
                    </ul>
                    <ul>
                        <li class="a16">
                            <div class="a17">
                                <div>
                                    <div class="a14">2021</div>
                                    <div class="a15">07-25</div>
                                </div>
                            </div>
                                    <div class="a18">
                                        <p><a href="#" target="_blank" title="如何领悟数学思想">如何领悟数学思想</a></p>
                                        <p>主讲:杨晗教授</p>
                                        <p>地点:线上(腾讯会议 ID：583</p>
                                    </div>
                            <div class="a19"></div>
                        </li>
                    </ul>
                    <ul>
                        <li class="a16">
                            <div class="a17">
                                <div>
                                    <div class="a14">2021</div>
                                    <div class="a15">07-25</div>
                                </div>
                            </div>
                                    <div class="a18">
                                        <p><a href="#" target="_blank" title="面向人工智能新浪潮的视觉计算与应用">面向人工智能新浪潮的视觉...</a></p>
                                        <p>主讲:付树军教授</p>
                                        <p>地点:15号楼505室</p>
                                    </div>
                            <div class="a19"></div>
                        </li>
                    </ul>
                    <ul>
                        <li class="a16">
                            <div class="a17">
                                <div>
                                    <div class="a14">2021</div>
                                    <div class="a15">07-25</div>
                                </div>
                            </div>
                                    <div class="a18">
                                        <p><a href="#" target="_blank" title="图论与组合优化">图论与组合优化</a></p>
                                        <p>主讲:涂建华教授</p>
                                        <p>地点:15号楼505室</p>
                                    </div>
                            <div class="a19"></div>
                        </li>
                    </ul>
                </div>
        </div>
        
        <!--右下-->
        <div class="rbottom">
            <div class="crbtop">
                <div class="crbtleft"><p class="a6">专题·公告</p></div>
                <div class="crbtright"><p class="a7">[更多]</p></div>
            </div>
                <div class="crbbottom">
                    <ul>
                        <li class="a20"><a href="#">诚聘海内外高层次人才启事</a></li>
                    </ul>
                    <ul>
                        <li class="a20"><a href="#">山东理工大学关于事业单位法人证书住所...</a></li>
                    </ul>
                    <ul>
                        <li class="a20"><a href="#">关于对《山东理工大学章程修正案》进行...</a></li>
                    </ul>
                    <ul>
                        <li class="a20"><a href="#">山东理工大学法定代表人变更公告</a></li>
                    </ul>
                </div>
        </div>
        </div>
    </div>
    <!--底部导航-->
    <div class="bottom">
        <div class="btop">
            
                <ul class="a26">
                    <li class="a21"><a href="#" target="_blank" class="a22"><span class="a23">图书馆</span></a></li>
                    <li class="a21"><a href="#" target="_blank" class="a22"><span class="a23">信息公开</span></a></li>
                    <li class="a21"><a href="#" target="_blank" class="a22"><span class="a23">招标采购</span></a></li>
                    <li class="a21"><a href="#" target="_blank" class="a22"><span class="a23">服务大厅</span></a></li>
                    <li class="a21"><a href="#" target="_blank" class="a22"><span class="a23">邮件系统</span></a></li>
                    <li class="a21"><a href="#" target="_blank" class="a22"><span class="a23">校园VPN</span></a></li>
                    <li class="a21"><a href="#" target="_blank" class="a22"><span class="a23">在线学习</span></a></li>
                    <li class="a21"><a href="#" target="_blank" class="a22"><span class="a23">站点导航</span></a></li>
                </ul>
            
        </div>
        <div class="bbottom">
            <div class="a24" align="center">
                <div class="a25">
                    <p>版权所有©山东理工大学   地址：山东省淄博市张店区新村西路266号（255000）</p>
                    <p>设计维护：网络信息中心  <a href="#">鲁ICP备09041544号-6</a></p>
                </div>
                <div class="a27">
                <a href="#" target="_blank"><img src="./sucai/1.png" alt=""></a>&nbsp;&nbsp;
                <a href="#" target="_blank"><img src="./sucai/2.png" alt=""></a>&nbsp;&nbsp;
                <a href="#" target="_blank"><img src="./sucai/3.png" alt=""></a>&nbsp;&nbsp;
                <a href="#" target="_blank"><img src="./sucai/4.png" alt=""></a>&nbsp;&nbsp;
                </div>
            </div>
        </div>
    </div>
    </div>
</body>
</html>

CSS之控制html标签...

friendan

<!--为测试方便，我直接把CSS代码放在html文件中了，实际使用时，
 

 建议单独建个CSS文件来放CSS代码...-->
 

  

 

 <style type="text/css">
 

 p{
      font-size:60px; 
      color:#00F;
 }
 

 </style>
 

 
<p>hello web</p>

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

css a标签

CSS a 标签样式

a 标签禁止javascript css禁用a标签

CSS——CSS标签显示模式（display）

link标签 css javascript

CSS常用标签（二）

a 标签css样式调整

jquery给标签加css宽度 jquery 标签

android xml标签 css样式 xml标签格式

html5 css 标签选择 css标签选择器怎么用

CSS|标签选择器

html5和css3标签 html标签和css属性

CSS基本标签学习8.21

CSS基本标签学习8.20

css标签选择器

CSS标签模式display属性

CSS标签模式display属性

CSS 标签选择器

CSS基本标签学习8.20

CSS之控制html标签...

devexpress 垂直标签页 p标签垂直居中css

ios css清除a标签默认样式 css清除float

css块级标签，行内标签，行内块标签的转换

01 css 须知&标签查找

jquery还原所有标签css属性

【css】pre标签实现自动换行

css入门(三)标签的类型

css中div标签不置顶

jquery 判断css 标签内容display

【CSS】标签显示模式 ① ( 标签显示模式 | 块级元素 )