重庆分公司,新征程启航
为企业提供网站建设、域名注册、服务器等服务
比如网页中一个p标签的样式是:p style="color:red;"/p
我们提供的服务有:网站设计制作、网站设计、微信公众号开发、网站优化、网站认证、朝阳ssl等。为上千余家企事业单位解决了网站和推广的问题。提供周到的售前咨询和贴心的售后服务,是有科学管理、有技术的朝阳网站制作公司
然后现在通过css控制页面就变成了:
p class="red"/p
然后在head标签中间写
style type="text/css"
.red{color:red;}
/style
当然也可以把放在head里的css放到一个css文件中,通过
link href="xx.css" rel="stylesheet" type="text/css" /引用
一般添加css样式表的方式有3种!
一种是引入css样式表,引入css样式表一般用link的方式引入,代码如下
link href="路径和css样式表的名称" rel="stylesheet" type="text/css"
如果对写代码不是很流利的话可以用DW 手动引入,操作步骤图片如下:
选择好了点击确认就可以了。添加好了之后你会看到就是上面所示的代码!
那么第二种添加css样式的方法是网页里添加css样式
style
.header{}
/style(这种方式不推荐哦)
第三种就是在你需要给某个区块添加特殊的样式比如 你的div区块里的特定区块需要单独添加一个样式。
例如:
div class="main_left"
ul
li class="name"/li
li class="neirog"
p style="color:#F00;"/p
/li
/ul
/div
如上所示 在给P 标签添加了一个样式,这种方法也不是很推荐的! 除特定的需求除外。
常用的有三种外连 引入 和 行内
外连:加在head标签之间,meta和title标签之后。这是用法最广的样式调用。link rel="stylesheet" type="text/css" href="style/default.css"/
引入:如果需要在一张样式表之内附加另外的样式。@import url("layout.css");
行内:这种调用看似随便,但是当你需要重写某个属性值时,这种写法至关重要。它的优先级别仅次于!important。style="z-index:2000"。补充一下,js脚本添加页面效果修改原理也是改写style。
方法/步骤
html div style="background:blue;"/div/html
以上是最简单的一种方式,可以在网页中直接加入,不过不能多代码的加入,只可以简单的几行代码的加入。
htmlstyle type="text/css" div{ background-color: blue;}/style div/div/html
同在一个屋檐之下的一种表达方式,也是可以的,代码量可以加大,只是属于个人作品的一种表达方式,不是属于团队的开发之一。
htmlhead link rel="stylesheet" type="text/css" href="baidu.css"/head/html
使用上面的一种文档的方式,也是在企业中要用到的,不过CSS可能是用专人员来写,代码可以很长,也可以很细。
然后开发人员,可以直接使用的一种方式,团员开发的重点之重。
以上的三中方式,可能并不只是体现在差异性方面,更多的可能是开发时的实用性的一种主要体现。个人小程序可能也就不要分开来写;专业开发可能不必要文档;团队开发可能用文档比较专业一些,工作可能会更简单一些。
三种表达方式的总结说明:
空间表达:
内嵌
分层
外嵌
职业表达:
个人
私人
团队
分工表达:
简单
中等
难度