扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
CSS(Cascading Style Sheets)
创新互联建站专注为客户提供全方位的互联网综合服务,包含不限于成都网站制作、网站建设、外贸网站建设、长治网络推广、微信小程序定制开发、长治网络营销、长治企业策划、长治品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等,从售前售中售后,我们都将竭诚为您服务,您的肯定,是我们最大的嘉奖;创新互联建站为所有大学生创业者提供长治建站搭建服务,24小时服务热线:18982081108,官方网址:www.cdcxhl.com
层叠样式表
优势:
CSS可以提高页面的浏览速度。
缩短改版时间,降低维护费用。
强大的字体控制能力和排版能力。
css容易编写。
可以一次设计随处发布。
更好的控制页面布局。
实现表现和结构、内容相分离。
更方便搜索引擎的搜索/page Rank
样式规则:
语法:选择器{属性1:值1;属性2:值2;...属性N:值N;}
选择器就是要改变页面中的哪些标签元素
声明要用{}括起来,;结束
如果属性中包含空格要用“”括起来
可以指定多个选择器使用相同的样式
样式表:
外部样式表,新建.css文件,在文件中写入样式规则link rel="stylesheet" href = "xxx.css"
内联样式表,在元素中添加style属性
嵌入式样式表,在html使用style标签,style type="text/css"/style
选择器:
元素选择器,元素名
id选择器,用#id
类选择器,用.class
后代选择器,选择器1 选择器2
css深化:
就近原则,!important提高元素优先级,伪类选择器,伪对象选择器,@import导入其他css文件,响应式布局可以解决多设备的兼容问题。
文本属性:
font-family:字体
font-size:字体大小
font-style:斜体
font-weight:粗体
color:颜色
line-height:行高
letter-spacing:字符间距
text-decoration:文本修饰
text-overflow:文字溢出处理
white-space : no wrap
text-overflow:hidden
text-align:文本对齐
背景属性:
background-color:背景颜色
background-image:背景图片
background-repeat:背景重复
background-attachment:背景图片附着
基于占满一整行与否,标签分为两大类(文档流):
占满:行级元素(div,p,h1~h6)
不占满:行内元素(span,)
定位属性:
position:定位
absolute:绝对定位
relative:相对定位
css,层叠样式表文件 一般情况下用文本编辑器都可以打开了,如果用notepad2,notepad++,或者UltraEdit32之类的都会有语法高亮; 如果想用专门的CSS编辑器,有Rapid CSS Editor,Visual CSS 之类的~
css文件,记录网页的样式(字体、间距和颜色等),与xhtml文档共同组成网页
以前编辑网页时每段文字的格式都是独立编辑的,所以网页源文件很长,编辑也很费神,css的出现就解决了这个问题。比如css中规定"title"格式都是加粗的红色黑体字,html文档中所有要应用这个格式的文字只要都指定格式为"title"即可,不用分别调整每项参数.
自己打的,给点分吧
汗...Cascading Style Sheets(层叠样式表),简写为CSS
层叠样式也叫做style-sheet
通常指的是:后缀名为.css的文件
作用是:修饰html元素,使其达到网页希望显示的样式。
说句实在话,你连css都不清楚,拿到代码你又能做什么呢??
这个层叠样式表就是css代码。打开方式用记事本就可以打开,为了方便查看或者修改代码,通常用编程工具,例如:DreamWeaver、SublimeText等打开。
1、首先先打开我们的DW软件。
2、进去之后点新建创建一个HTML的文档。
3、在桌面先创建一个文件夹,方便放文档之类的。
4、进去之后鼠标右键点右上角的Untitled- ,再点另存为找到你之前创的那个文件夹,点进去,然后把他存放在这个文件夹中。
5、存放好之后在下面打出你想要打出的代码。
6、点右上角的文件、新建文档,创建一个css层叠样式文档
7、把刚刚新建的css层叠样式文档跟之前一样,放到创的那个文件夹中,在文件夹中再新建一个文件夹,备注改成css,这里面就放css层叠样式文档。
8、在那个下面点浏览导入lunbo。
9、搞完之后再在css文档打出相应的代码..
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流