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

   学习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的重点,只要熟悉以上语法,其他的就可以得心应手的进行运用。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值