【生意多】-免费发布分类信息
当前位置: 首页 » 新闻 » 教程 » 正文

网页制作样式入门级教程 CSS的基本语法规则

放大字体  缩小字体 发布日期:2020-05-01 12:37:29    浏览次数:20
导读

  ·选择符是可以是多种形式,一般是你要定义样式的HTML标记,例如BODY、P、TABLE……,你可以通过此方法定义它的属性和值,属性和值要用冒号隔开:  用类选择符你能够把相同的元素分类定义不同的样式,定义类选择符时,在自定类的名称前面加一个点号。假如你想要两个不同的段落,一个段落向右对齐,一个段落居中,你可

  ·选择符是可以是多种形式,一般是你要定义样式的HTML标记,例如BODY、P、TABLE……,你可以通过此方法定义它的属性和值,属性和值要用冒号隔开:

  用类选择符你能够把相同的元素分类定义不同的样式,定义类选择符时,在自定类的名称前面加一个点号。假如你想要两个不同的段落,一个段落向右对齐,一个段落居中,你可以先定义两个类:

  类选择符还有一种用法,在选择符中省略HTML标记名,这样可以把几个不同的元素定义成相同的样式:

  这样的类可以被应用到任何元素上。下面我们使h1元素(标题1)和p元素(段落)都归为“center”类,这使两个元素的样式都跟随“.center”这个类选择符:

  注意:这种省略HTML标记的类选择符是我们经后最常用的CSS方法,使用这种方法,我们可以很方便的在任意元素上套用预先定义好的类样式。

  定义ID选择符要在ID名称前加上一个“#”号。和类选择符相同,定义ID选择符的属性也有两种方法。下面这个例子,ID属性将匹配所有id=intro的元素:

  可以单独对某种元素包含关系定义的样式表,元素1里包含元素2,这种方式只对在元素1里的元素2定义,对单独的元素1或元素2无定义,例如:

  层叠性就是继承性,样式表的继承规则是外部的元素样式会保留下来继承给这个元素所包含的其他元素。事实上,所有在元素中嵌套的元素都会继承外层元素指定的属性值,有时会把很多层嵌套的样式叠加在一起,除非另外更改。例如在DIV标记中嵌套P标记:

  注意:有些情况下内部选择符不继承周围选择符的值,但理论上这些都是特殊的。例如,上边界属性值是不会继承的,直觉上,一个段落不会同文档BODY一样的上边界值。

  不同的选择符定义相同的元素时,要考虑到不同的选择符之间的优先级。ID选择符,类选择符和HTML标记选择符,因为ID选择符是最后加上元素上的,所以优先级最高,其次是类选择符。如果想超越这三者之间的关系,可以用!important提升样式表的优先权,例如:

  我们同时对页面中的一个段落加上这三种样式,它最后会依照被!important申明的HTML标记选择符样式为红色文字。如果去掉!important,则依照优先权最高的ID选择符为黄色文字。

  你可以在CSS中插入注释来说明你代码的意思,注释有利于你或别人以后编辑和更改代码时理解代码的含义。在浏览器中,注释是不显示的。CSS注释以 结尾,如下:

  圣诞节到了,想想没什么送给你的,又不打算给你太多,只有给你五千万:千万快乐!千万要健康!千万要平安!千万要知足!千万不要忘记我!

  不只这样的日子才会想起你,而是这样的日子才能正大光明地骚扰你,告诉你,圣诞要快乐!新年要快乐!天天都要快乐噢!

  奉上一颗祝福的心,在这个特别的日子里,愿幸福,如意,快乐,鲜花,一切美好的祝愿与你同在.圣诞快乐!

  看到你我会触电;看不到你我要充电;没有你我会断电。爱你是我职业,想你是我事业,抱你是我特长,吻你是我专业!水晶之恋祝你新年快乐

  如果上天让我许三个愿望,一是今生今世和你在一起;二是再生再世和你在一起;三是三生三世和你不再分离。水晶之恋祝你新年快乐

  当我狠下心扭头离去那一刻,你在我身后无助地哭泣,这痛楚让我明白我多么爱你。我转身抱住你:这猪不卖了。水晶之恋祝你新年快乐。

  风柔雨润好月圆,半岛铁盒伴身边,每日尽显开心颜!冬去春来似水如烟,劳碌人生需尽欢!听一曲轻歌,道一声平安!新年吉祥万事如愿

  传说薰衣草有四片叶子:第一片叶子是信仰,第二片叶子是希望,第三片叶子是爱情,第四片叶子是幸运。 送你一棵薰衣草,愿你新年快乐!

 
关键词: css基本语法
(文/小编)
打赏
免责声明
• 
本文为小编原创作品,作者: 小编。欢迎转载,转载请注明原文出处:http://www.31duo.com/news/show-189619.html 。本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们。
 

(c)2016-2019 31DUO.COM All Rights Reserved浙ICP备19001410号-4

浙ICP备19001410号-4