css的文章部分的基本语句

大家都知道在做网页的时候,免不了有许多的图片文字,那么对于它们的样式的设计就由关重要,所以在这里介绍一些基本的css语句:

字体:

属性font-family,字体风格font-style,字体变形font-variant,字体加粗font-weight,字体大小font-size。

例:

font-family:华文行楷;

font-style:[normal|italic|oblique] /normal(普通),italic(斜体),oblique(倾斜); font-weight:[normal|bold]/是否粗体font-size:18 px 文本:

文本排列属性

text-align、行高属性line-height、下划线text-decoration

例:

text-align:center/居中;

line-height:20px/

控制本行显示高度,很适用,一般数值要大于font-size;

text-decoration:none/去除下划线

定位:top、right、bottom、left,上补白padding-top、右补白paddint-right、 下补padding-bottom左补白padding-left,百度CCS简单的定位都可以用

top/right/bottom/left:** px和padding—top/right/bottom/lef:** px实现。

例:top:128px/距离顶端128像素padding—left:20 px/左补空白20像素,这里你可以让它空着,也可以插入一些小GIF动画。

方框:

方框属性包括上边界

margin-top、右边界margin-right、下边界margin-bottom、左边界margin-left、边界margin

、上补白padding-top、右补白paddint-right、下补白padding-bottom、左补白padding-left、补白padding、上边框宽度border-top-width、右边框宽度border-right-width、下边框宽度

border-bottom-width、左边框宽度border-left-width、边框宽度border-width、边框颜色

border-color、边框风格border-style、上边框border-top、右边框border-right、下边框border-bottom、左边框border-left、边框border、宽度width、高度height、等24种属性。

句法都是:** px。

图片:

通过background:url(图片绝对地址)导入图片,图片绝对地址可以通过打开 网络图片,右键单击察看属性中的地址 例:

headerdiv.rc{background:url(图片地址)no-repeat top right}/ no-repeat不平铺, top right右上显示。附:Repeat 平铺,Repeat-X 横向平铺,Repeat-Y 纵向平铺。

时间: 2024-10-10 04:07:40

css的文章部分的基本语句的相关文章

css中判断IE版本的语句

css中判断IE版本的语句<!--[if gte IE 6]> Only IE 6/+ <![endif]-->: 1. <!--[if !IE]> 除IE外都可识别 <!--<![endif]--> 2. <!--[if IE]> 所有的IE可识别 <![endif]--> 3. <!--[if IE 5.0]> 只有IE5.0可以识别 <![endif]--> 4. <!--[if IE 5]&

黄聪:WordPress 多站点建站教程(三):主站如何调用子站的文章内容、SQL语句如何写?

1.如果懂得编程的朋友可以SQL语句,然后加上PHP函数等操作就可以通过直接调用网站的数据库信息来实现想要达到的目的. 既然要用到SQL语句首先得对WordPress多站点数据库有一个了解,多站点激活后会多出这么几张表wp_site,wp_sitemeta,wp_blogs,wp_blog_versions其中最重要的是wp_blogs这张表,它将你创建的每一个子站点访问地址,以及创建和修改时间等等都存到了这张表里面.还有一点就是当你创建一个子站点后会多出一些中间带有数字的数据表,比如wp_2_

css:文章标题过长时,使用省略号

html代码 <ul> <li><a href="" target="_blank">我是文章1,现在标题过长,使用css加省略号</a></li> <li><a href="" target="_blank">文章2</a></li> <li><a href="" target=&

如何使用css和jquery控制文章标题字数?

如何使用css控制文章标题字数? 最佳答案 控制文章标题字数,不是动态网页的专利,如果静态页面使用CSS样式,也可以实现相同的效果! 看这个例子,你们可以复制到记事本保存为HTML文件看效果! <html> <title>css控制字数</title> <head> <style type="text/css"> .dd { border: solid 1px gray; width:180px; overflow: hidd

CSS动画简介

原文地址:http://www.ruanyifeng.com/blog/2014/02/css_transition_and_animation.html 现在,我很少写介绍CSS的文章,因为感觉网站开发的关键还是在服务器端. 但是,CSS动画除外,它实在太有用了. 本文介绍CSS动画的两大组成部分:transition和animation.我不打算给出每一条属性的详尽介绍,那样可以写一本书.这篇文章只是一个简介,帮助初学者了解全貌,同时又是一个快速指南,当你想不起某一个用法的时候,能够快速地找

页面架构HTML+CSS ヾ(o???)? 常用居中&amp;多列布局

CSS Reset 1.作用 (1)清除浏览器默认样式(2)全局样式定义 2.特别注意 (1)项目开发初期就定义好(2)reset.css 在引入的时候一定要放在第一位(3)不同的产品reset.css不一样 3.table合并边框间距 table { border-collapse: collapse; // 合并边框 border-spacing: 0; //边框间距.当 `border-collapse` 值为 `seperate` 时生效 } 4.一个并不完整也并不通用的reset.cs

学习CSS了解单位em和px的区别

学习CSS了解单位em和px的区别 2007-11-11 20:17:25  来源:网页教学网收集整理 这里引用的是Jorux的“95%的中国网站需要重写CSS”的文章,题目有点吓人,但是确实是现在国内网页制作方面的一些缺陷.我一直也搞不清楚px与em之间的关系和特点,看过以后确实收获很大.平时都是用px来定义字体,所以无法用浏览器字体放大的功能,而国外大多数网站都可以在IE下使用.因为 1. IE无法调整那些使用px作为单位的字体大小:2. 国外的大部分网站能够调整的原因在于其使用了em作为字

动态SQL语句:定义(一)

文章系列 动态SQL语句:定义(一) 静态SQL与动态SQL 静态SQL:程序运行前,具有固定的形式和结构的SQL. 动态SQL:程序运行时,能够动态改变形式或结构的SQL. 一些思考和想法 在实际的项目中,很多时候无法简单地用一条静态的SQL语句实现复杂的业务逻辑,往往需要通过程序语言动态地生成SQL语句.然而,在代码中通过条件判断语句拼接产生SQL语句,存在诸多缺点,简单列举如下: 代码杂乱和重复,编码的工作量大,而且容易产生错误. 拼接SQL语句的过程中,容易引起SQL注入. 代码与SQL

css.day01

1.CSS 初步认识 web 标准 w3c 结构   xhtml    table  p  hr  br   td    img  a 表现   CSS CSS 最大的好处  就是让  结构和表现   实现了分离 CSS  就是层叠样式表 所以我们为什么要学习CSS 注意: 以后的代码标签的属性值,就全部放到 CSS里面了. <table width=500> <table> 2.CSS 语法规范  格式: 选择器 {  属性: 值:} 例如: p{color:red:} 解析: