您的位置：首页 > Web前端 > CSS

Web开发基础——CSS基础要点

2014-01-12 12:02 183 查看

学习web开发，离开不了前端技术。前端技术除了HTML5、Js等，还需要CSS3。本人最近浏览的一本CSS3的书籍。觉得内容还是很多的，但是真正记住的内容不是很多，因为很多都是像字典一样，查询到即可使用。

首先，在HTML5中使用CSS3的方法。

1、行内样式。也是最简单的样式，把Css代码直接添加到HTML的标签中，作为HTML变迁的属性标记存在，可以很简单的对某个元素单独定义样式。具体例子如下

<p style="color:red;font-size:20px">我使用了行内样式。</p>

2、内嵌样式。把CSS样式代码添加到<head>中，使用<style></style>标记进行声明。这个方法虽然没有把CSS嵌入HTML的标签中，但是可以实现页面的样式统一。

3、链接样式。是使用频率最高也是最实用的方法，将页面内容和样式风格完全分离，是的网页维护可以更有效的进行。在外部定义CSS样式表，并通过在HTML的头部中进行<link>引入。

4、导入样式。导入样式和链接样式基本相似，只是少量语法不一样，一本情况使用链接样式即可。

其次是CSS3DE 基础语法——选择器。

1 标签选择器。

2 类选择器。

3、ID选择器

4、全局选择器。

5、组合选择器。

6、继承选择器。

7、属性选择器。

我个人认为以上是CSS3的重点，只要熟悉以上语法，其他的就可以得心应手的进行运用。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航